JQuery AJAX请求aspx后台方法

利用JQuery封装好的AJAX来请求aspx的后台方法，还是比较方便的，但是要注意以下几点：

1、首先要在方法的顶部加上[WenMethod]的特性（此特性要引入using System.Web.Services;命名空间）

2、其次方法一定要是静态（static）方法。

下面我做了几个不同的调用后台方法的例子：

1、不带参数返回string方法

前台代码：

  //不带参数返回string方法
             $.ajax({
                 type: "post",
                 url: "后台返回json数组.aspx/hello",
                 contentType:"Application/json;charset=utf-8",
                 success: function (msg) {
                     alert(msg.d);
                 }
             })

后台代码：

  /// <summary>
     /// 不带参数返回字符串方法
     /// </summary>
     /// <returns></returns>
     [WebMethod]
     public static  string hello()
     {
         return "hello world!";
     }

2、带参数返回string方法

前台代码：

 //带参数返回string方法
             $.ajax({
                 type: "post",
                 url: "后台返回json数组.aspx/sayHi",
                 data: "{\"name\":\"小明\",\"age\":\"18\"}",
                 contentType: "Application/json;charset=utf-8",
                 success: function (msg) {
                     alert(msg.d);
                 }
             })

后台代码：

 /// <summary>
     /// 带参数返回string方法
     /// </summary>
     /// <param name="name"></param>
     /// <param name="age"></param>
     /// <returns></returns>
     [WebMethod]
     public static string sayHi(string name ,int age)
     {
         return string.Format("大家好，我叫{0}，我今年{1}岁了！",name,age);
     }

3、后台返回LIST集合

前台代码：

  //后台返回LIST集合
             $.ajax({
                 type: "post",
                 url: "后台返回json数组.aspx/jiazai",
                 data: "{\"name\":\"小明\"}",
                 contentType: "Application/json; charset=utf-8",
                 //dataType:"json",
                 success: function (msg) {
                     $(msg.d).each(function () {
                         alert(this);
                     })
                 }
             })

后台代码：

 /// <summary>
     /// 带参数返回集合方法
     /// </summary>
     /// <param name="name"></param>
     /// <returns></returns>
     [WebMethod]
     public static List<string> jiazai(string name)
     {
         List<string> ls = new List<string>();
         ls.Add(name);
         return ls;
     }

最后添加一个标准的写法：前台的额

 //标准的写法：
 $.ajax({
      type: "post",
      dataType: "json",
      contentType: "application/json", //注意：WebMethod()必须加这项，否则客户端数据不会传到服务端
      data:{如上所述},//注意：data参数可以是string个int类型
      url: "List.aspx/DeleteNews",//模拟web服务，提交到方法
      // 可选的 async:false,阻塞的异步就是同步
      beforeSend:function(){
           // do something.
           // 一般是禁用按钮等防止用户重复提交
           $("#btnClick").attr({disabled:"disabled"});
           // 或者是显示loading图片
      },
      success: function (data) {
           alert("success: " + data.d);//注意这里：必须通过data.d才能获取到服务器返回的值
           // 服务端可以直接返回Model，也可以返回序列化之后的字符串，如果需要反序列化：string json = JSON.parse(data.d);
           // 有时候需要嵌套调用ajax请求，也是可以的
      },
      complete: function(){
           //do something.
           $("#btnClick").removeAttr("disabled");
           // 隐藏loading图片
      }，
      error: function (data) {
           alert("error: " + data.d);
      }
 });