jQuery AJAX实现调用页面后台方法

本文实例为大家分享了jQuery AJAX调用页面后台方法，供大家参考，具体内容如下

1.新建demo.aspx页面。

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

使用系统。网络服务；

1).无参数的方法调用。大家注意了，这个版本不能低于. net framework 2.0 .2.0已下不支持的。后台代码：

[网络方法]公共静态字符串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=' server ' Text='验证用户//div/表单运行效果如下：

2).有参数方法调用后台代码：

[网络方法]公共静态字符串GetStr(字符串Str，字符串str 2){返回字符串str str 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 })；});运行效果如下：

3).返回数组方法后台代码：

[网络方法]公共静态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 })；});页面代码：

表单ID=' form 1 ' runat=' server ' div ASP :按钮ID=' btnOK ' runat=' server ' Text='验证用户//divul id='list'/ul/form运行结果图：

jQuery AJAX实现调用页面后台方法就为大家介绍到这，希望对大家的学习有所启发。