Question

亲爱的我想知道如何使用jquery ajax功能提交asp.net表单数据以及如何在服务器端获取json数据

Answer 1

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("#<%=btnSubmit.ClientID %>").click(
  function()
  {
    $.ajax
    ({
         type: "POST",
         contentType: "application/json; charset=utf-8",
         url: "Default.aspx/AcceptFormData",
         data: "{'funcParam':'"+$('#formName').serialize()+"'}",
         dataType: "json",
         success: function(msg)
         {
              var msgFromASPXFunction = msg.d
         }
     });
  }
 );
});


[System.Web.Services.WebMethod]
public static string AcceptFormData(string funcParam)
{
  // this is your server side function
  //the data you will get will be in format e.g. a=1&b=2&c=3&d=4&e=5 inside funcParam variable
  return "Data Submitted";

}

请注意，服务器端函数名称应与您在jQuery的$ .ajax函数的url属性中指定的参数匹配。（在上面的例子中，它是“AcceptFormData”

参数名称也应与服务器端功能参数相同。在这种情况下，它是“funcParam”。

只需比较此代码中的$ .ajax和服务器端函数。

此致

Amin Sayed

（注意：请标记是否有用）

Answer 2

<form action="#" id="example-form">

...

</form>

<script type="text/javascript">

    $('#example-form').submit(function(){

        // block form

        $.post('putUrlHere', $('#example-form').serialize(), function(data) {
            //call back happens here.  Unblock form/show result
        });

        return false; // this prevents regular post, forcing ajax post.

    });

</script>

参考： http://forums.asp.net/t/1611677.aspx/1?Jquery+with+ASP+NET+Form+submit

否则检查：jquery + ajax结合..... http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

如何使用jquery ajax功能提交asp.net表单数据

2 个答案: