在 ASP.NET 中，如何通过一个表单提交在客户端（javascript）和服务器端处理数据？

Posted 2023-02-22

【中文标题】在 ASP.NET 中，如何通过一个表单提交在客户端（javascript）和服务器端处理数据？

【英文标题】：In ASP.NET, how to process data on both client side (javascript) and server side with the one form submission?

【发布时间】：2010-11-27 22:31:15

【问题描述】：

我有一个场景，我在用户提交表单后使用 Google Map javascript API 来处理地址。但是，我想将 Google API 返回的结果发布到服务器端，以便在同一个表单提交中进行进一步处理。我怎样才能做到这一点？提前感谢您的建议。

【参考方案1】：

使用 jQuery，你可以这样处理：

$(document).ready(function() 
    $("form").submit(function(e) 
        // blocks form from being submitted, which you'll handle later
        e.preventDefault();

        // call google apis 

        // build data to submit 
        var data = 
            formData: $("something").val();
            // could use formData: $(this).serialize(); instead, 
            // more server-side parsing required though

            // add additional data from the google service to data object
        ;

        // submit the form with serialized data
        $.post("/serverurl", data);
    );
);

如果您使用 Webforms，请将 serverurl 设置为 .ashx 处理程序，解析提交的数据（将设置为 Request.Form[] 值）。如果您使用的是 MVC，请将服务器 url 更改为控制器操作并进行相应的解析。