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
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