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

1.新建demo.aspx页面。 2.首先在该页面的后台文件demos.aspx.cs中添加引用使用系统。网络服务；3.无参数的方法调用。大家注意了，这个版本不能低于. net framework 2.0 .2.0已下不支持的。后台代码：复制代码代码如下： [WebMethod]公共静态字符串sayHello(){ 0返回“你好，阿贾克斯！”；} JS代码：复制代码代码如下： $(function() { $('#btnOK ')).单击(函数(){ $).ajax({ //要用邮政方式键入：“Post”，//方法所在页面和方法名url: 'Demo.aspx/SayHello '，内容类型： ' application/JSON；charset=utf-8 '，dataType: 'json '，success:函数（数据){ //返回的数据用数据d获取内容警报(数据。d)；}，错误：函数(err){ alert(err)；} });//禁用按钮的提交返回false })；});页面代码：复制代码代码如下：表单ID=' form 1 ' runat=' server ' div ASP :按钮ID='btnOK' runat='服务器' Text='验证用户//div /form 3 .有参数方法调用后台代码：复制代码代码如下： [WebMethod]公共静态字符串GetStr(字符串字符串，字符串字符串2){返回字符串字符串2；} JS代码：复制代码代码如下： $(function() { $('#btnOK ')).单击(函数(){ $).ajax({ type: 'Post '，url: 'demo.aspx/GetStr '，//方法传参的写法一定要对，字符串为形参的名字，str2为第二个形参的名字数据：“{ str”:我是，' str2':'XXX'} '，内容类型： '应用程序/JSON；charset=utf-8 '，dataType: 'json '，success:函数（数据){ //返回的数据用数据d获取内容警报(数据。d)；}，错误：函数(err){ alert(err)；} });//禁用按钮的提交返回false })；});运行效果如下

4.返回数组方法后台代码：复制代码代码如下： [WebMethod]公共静态Liststring GetArray(){ Liststring Li=new Liststring()；for(int I=0；i 10I)李。添加(一' ')；回礼；} JS代码：复制代码代码如下： $(function() { $('#btnOK ')).单击(函数(){ $).ajax({ type: 'Post '，url: 'demo.aspx/GetArray '，内容类型： ' application/JSON；charset=utf-8 '，dataType: 'json '，success:函数（数据){ //插入前先清空ul $('#list ').html(" ")；//递归获取数据$(数据. d).每个（函数(){ //插入结果到里里面$('#list ').追加(“李”这个/李)；});警报(数据。d)；}，错误：函数(err){ alert(err)；} });//禁用按钮的提交返回false })；});运行结果图