jQuery调用后台方法.docVIP

jQuery调用后台方法 jquery.Ajax() 方法调用后台方法 利用JQuery的$.ajax()可以很方便的调用的后台方法。 先来个简单的实例热热身吧。 1、无参数的方法调用 code： view plaincopy to clipboardprint? using System.Web.Script.Services; [WebMethod] public static string SayHello() { return Hello Ajax!; } using System.Web.Script.Services; [WebMethod] public static string SayHello() { return Hello Ajax!; } 注意：1.方法一定要静态方法，而且要有[WebMethod]的声明 JQuery code： view plaincopy to clipboardprint? /// reference path=jquery-1.4.2-vsdoc.js/ $(function() { $(#btnOK).click(function() { $.ajax({ //要用post方式 type: Post, //方法所在页面和方法名 url: data.aspx/SayHello, contentType: application/json; charset=utf-8, dataType: json, success: function(data) { //返回的数据用data.d获取内容 alert(data.d); }, error: function(err) { alert(err); } }); //禁用按钮的提交 return false; }); }); /// reference path=jquery-1.4.2-vsdoc.js/ $(function() { $(#btnOK).click(function() { $.ajax({ //要用post方式 type: Post, //方法所在页面和方法名 url: data.aspx/SayHello, contentType: application/json; charset=utf-8, dataType: json, success: function(data) { //返回的数据用data.d获取内容 alert(data.d); }, error: function(err) { alert(err); } }); //禁用按钮的提交 return false; }); }); 结果： 2、带参数的方法调用 code： view plaincopy to clipboardprint? using System.Web.Script.Services; [WebMethod] public static string GetStr(string str, string str2) { return str + str2; } using System.Web.Script.Services; [WebMethod] public static string GetStr(string str, string str2) { return str + str2; }