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);
     }
});