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

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代码：

代码

运行结果：

好文要顶 关注我 收藏该文

steve.z
关注 - 47
粉丝 - 27

+加关注

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 万水千山走遍  

你好，我的怎么出不来数据呢