jQuery.ajax()调用asp.net后台方法(非常重要)

本文介绍如何使用JQuery的$.ajax()方法调用ASP.NET后台方法,包括无参数、带参数的方法调用及返回List和SortedList等不同数据类型的处理方式。

http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html

 

用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。

先来个简单的实例热热身吧。

1、无参数的方法调用

C#后台代码:

 

 
1
2  using System.Web.Services;
3 [WebMethod]
4 public static string sayHi()
5 {
6 return "Hi,Welcome to China!";
7 }
8  
 

注意:1.方法一定要静态方法,而且要有[WebMethod]的声明.

html代码:


<div>
<asp:Button ID="btnClick" runat="server" Text="click me" />
<br />
<span id="msg"></span>
</div>

jQuery代码:

 

代码

 运行结果:

 

 

通过firebug能很清楚地看到json返回的数据格式,所以在取数据的时候要data.d。

 

 

2、带参数的方法调用

 

 

C#后台代码:

 

 

 

[WebMethod]
public static string sayHi(string address, string name)
{
return "Hi," + address + " " + name;
}

 

 

html代码:

 

代码

 

 

jQuery代码:

 

代码

 

 

运行结果:

 

 

3、返回List集合方法的调用

 

C#后台代码:

 

 
代码

 

html代码:

 

代码

 

jQuery代码:

 

代码

 

运行结果:

 

4、返回SortedList<tkey,tvalue>方法的调用

 

C#后台代码:

 

 

 
代码

 

html代码:

 

代码

 

jQuery代码:

 

代码

 

运行结果:

 

5、操作xml

 

 

Xml文件代码:

 

代码

 

html代码:

 

代码

 

jQuery代码:

 

代码

 

运行结果:

 

 

好文要顶 关注我 收藏该文
11
0
 
« 上一篇: shtml dhtml xhtml
» 下一篇: ASP.NET网站路径

Feedback

#1楼   

2011-03-03 22:13 by chenyulie  
留一个标记,好好学学!
支持(0)反对(0)

#2楼   

2012-01-17 16:43 by bucuo
很清晰

#3楼   

2012-05-02 17:07 by 万水千山走遍  
你好,我的怎么出不来数据呢

转载于:https://www.cnblogs.com/qqhfeng/p/10628895.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值