哄骗JQuery直接调用asp.net后台办法

哄骗JQuery的￥.ajax（）可以很便利的调用asp.net的后台办法。

1、无参数的办法调用， 重视：1.办法必然要静态办法，并且要有[WebMethod]的声明

using System.Web.Script.Services;

[WebMethod]

public static string SayHello（）

{

return "Hello Ajax!";

}

￥（function（） {

￥（"＃btnOK"）.click（function（） {

￥.ajax（{

//要用post体式格式

type: "Post"，

//办法地点页面和办法名

url: "data.aspx/SayHello"，

contentType: "application/json; charset=utf-8"，

dataType: "json"，

success: function（data） {

//返回的数据用data.d获取内容

alert（data.d）;

}，

error: function（err） {

alert（err）;

}

}）;

//禁用按钮的提交

return false;

}）;

}）;

2、带参数的办法调用

using System.Web.Script.Services;

[WebMethod]

public static string GetStr（string str， string str2）

{

return str + str2;

}

￥（function（） {

￥（"＃btnOK"）.click（function（） {

￥.ajax（{

type: "Post"，

url: "data.aspx/GetStr"，

//办法传参的写法必然要对，str为形参的名字，str2为第二个形参的名字

data: "{""str"":""我是""，""str2"":""XXX""}"，

contentType: "application/json; charset=utf-8"，

dataType: "json"，

success: function（data） {

//返回的数据用data.d获取内容

alert（data.d）;

}，

error: function（err） {

alert（err）;

}

}）;

//禁用按钮的提交

return false;

}）;

}）;

3、返回数组办法的调用

using System.Web.Script.Services;

[WebMethod]

public static List<string> GetArray（）

{

List<string> li = new List<string>（）;

for （int i = 0; i < 10; i++）

li.Add（i + ""）;

return li;

}

￥（function（） {

￥（"＃btnOK"）.click（function（） {

￥.ajax（{

type: "Post"，

url: "data.aspx/GetArray"，

contentType: "application/json; charset=utf-8"，

dataType: "json"，

success: function（data） {

//插入前先清空ul

￥（"＃list"）.html（""）;

//递归获取数据

￥（data.d）.each（function（） {

//插入成果到li里面

￥（"＃list"）.append（"<li>" + this + "</li>"）;

}）;

alert（data.d）;

}，

error: function（err） {

alert（err）;

}

}）;

//禁用按钮的提交

return false;

}）;

}）;

/// <reference path="jquery-1.4.2-vsdoc.js"/>

￥（function（） {

￥（"＃btnOK"）.click（function（） {

￥.ajax（{

type: "Post"，

url: "data.aspx/GetArray"，

contentType: "application/json; charset=utf-8"，

dataType: "json"，

success: function（data） {

//插入前先清空ul

￥（"＃list"）.html（""）;

//递归获取数据

￥（data.d）.each（function（） {

//插入成果到li里面

￥（"＃list"）.append（"<li>" + this + "</li>"）;

}）;

alert（data.d）;

}，

error: function（err） {

alert（err）;

}

}）;

//禁用按钮的提交

return false;

}）;

}）;

4、返回Hashtable办法的调用

using System.Web.Script.Services;

using System.Collections;

[WebMethod]

public static Hashtable GetHash（string key，string value）

{

Hashtable hs = new Hashtable（）;

hs.Add（"www"， "yahooooooo"）;

hs.Add（key， value）;

return hs;

}

￥（function（） {

￥（"＃btnOK"）.click（function（） {

￥.ajax（{

type: "Post"，

url: "data.aspx/GetHash"，

//记得加双引号 T_T

data: "{ ""key"": ""haha""， ""value"": ""哈哈！"" }"，

contentType: "application/json; charset=utf-8"，

dataType: "json"，

success: function（data） {

alert（"key: haha ==> "+data.d["haha"]+"\n key: www ==> "+data.d["www"]）;

}，

error: function（err） {

alert（err + "err"）;

}

}）;

//禁用按钮的提交

return false;

}）;

}）;

5、操纵xml

XMLtest.xml:

view plaincopy to clipboardprint？

<？xml version="1.0" encoding="utf-8" ？>

<data>

<item>

<id>1</id>

<name>qwe</name>

</item>

<item>

<id>2</id>

<name>asd</name>

</item>

</data>

<？xml version="1.0" encoding="utf-8" ？>

<data>

<item>

<id>1</id>

<name>qwe</name>

</item>

<item>

<id>2</id>

<name>asd</name>

</item>

</data>

￥（function（） {

￥（"＃btnOK"）.click（function（） {

￥.ajax（{

url: "XMLtest.xml"，

dataType: ""xml""， //返回的类型为XML ，和前面的Json，不一样了

success: function（xml） {

//清空list

￥（"＃list"）.html（""）;

//查找xml元素

￥（xml）.find（"data>item"）.each（function（） {

￥（"＃list"）.append（"<li>id:" + ￥（this）.find（"id"）.text（） +"</li>"）;

￥（"＃list"）.append（"<li>Name:"+ ￥（this）.find（"name"）.text（） + "</li>"）;

}）

}，

error: function（result， status） { //若是没有上方的捕获失足会履行这里的回调函数

alert（status）;

}

}）;

//禁用按钮的提交

return false;

}）;

}）;

http://www.byywee.com/page/M0/S711/711718.html