jQuery AJAX实现调用页面后台方法和web服务定义的方法

jQuery AJAX实现调用页面后台方法和web服务定义的方法

1.  新建demo.aspx页面。

2.  2.首先在该页面的后台文件demos.aspx.cs中添加引用。

Using system.web.services;

3.无参数的方法调用.

版本不能低于.net framework 2.0。2.0已下不支持的。

后台代码：

[WebMethod]    

publicstatic string SayHello()    

{    

     return "Hello Ajax!";    

}JS代码：

$(function(){    

    $("#btnOK").click(function(){    

        $.ajax({    

            //要用post方式     

            type: "Post",    

            //方法所在页面和方法名     

            url:"Demo.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;    

    });    

});页面代码：

<formid="form1" runat="server">

    <div>

        <asp:Button ID="btnOK"runat="server" Text="验证用户" />

    </div>

</form>有参数方法调用

后台代码：

[WebMethod]    

publicstatic string GetStr(string str, string str2)    

{    

    return str + str2;    

}

Js代码：

$(function(){    

    $("#btnOK").click(function(){    

        $.ajax({    

            type: "Post",    

            url: "demo.aspx/GetStr",    

            //方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字     

            data: "{'str':'我是','str2':'XXX'}",    

            contentType:"application/json; charset=utf-8",    

            dataType: "json",    

            success: function(data) {    

                //返回的数据用data.d获取内容     

                  alert(data.d);    

            },    

            error: function(err) {    

                alert(err);    

            }    

        });    

   

        //禁用按钮的提交     

        return false;    

    });    

});