国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中調用WebService方法小結

2019-11-20 23:53:27
字體:
來源:轉載
供稿:網友
個人感覺有兩點是比較方便的:第一,在對WebService做ajax請求的時候,請求的url的寫法是:服務地址/調用的方法名稱,這樣在請求的url中就確定了要調用的方法了,不必再在WebService代碼中去判斷ajax請求調用的是哪個方法了。第二,方法可以返回更多的數據類型,比如對象,泛型集合等;在ajax請求返回后,會自動將這些類型轉換為json對象。而使用ashx的方式的話,需要先將這些類型轉換為json格式的數據才能返回。
  在使用jQuery調用WebService的方法的時候,只能發送post方式的請求;如果要返回json格式的數據的話,需要將contentType設置為application/json;返回的數據是以字母d為鍵值的json對象。
1.返回字符串類型
復制代碼 代碼如下:

[WebMethod]
public string HelloWorld()
{
return "Hello World";
}

$.ajax({
type: "post",
contentType: "application/json",
url: "UserService.asmx/HelloWorld",
data: "{}",
dataType: "json",
success: function (result) {
alert(result.d);
}
});

注意上面獲取數據的方式:result.d,這是因為在返回的json數據格式是以d為鍵值的json對象。可以通過IE 9的開發人員工具,按下F12,選擇網絡,點擊開始捕獲按鈕,重新刷新一下頁面可以看到所有的請求列表,如下圖所示:
選擇其中一個,點擊轉到詳細視圖,可以看到發送的請求以及響應的內容,如下圖所示:
根據這個相應正文的內容,我們可以看出為什么要使用result.d來獲取返回的內容了。
2.返回對象類型
復制代碼 代碼如下:

[WebMethod]
public User GetUser()
{
User user = new User() { Id = 1, UserName = "zhang san", Password = "123qwe" };
return user;
}
$.ajax({
type: "post",
contentType: "application/json",
url: "UserService.asmx/GetUser",
data: "{}",
dataType: "json",
success: function (result) {
alert(result.d.Id + " " + result.d.UserName);
}
});

3.返回泛型集合類型
復制代碼 代碼如下:

[WebMethod]
public List<User> GetUserList()
{
List<User> list = new List<User>()
{
new User{Id=1,UserName="zhang san",Password="asfasdf"},
new User{Id=2,UserName="li si",Password="3rwer"},
new User{Id=3,UserName="wang wu",Password="rqwe"}
};
return list;
}
$.ajax({
type: "post",
contentType: "application/json",
url: "UserService.asmx/GetUserList",
data: "{}",
dataType: "json",
success: function (result) {
$.each(result.d, function (index, data) {
alert(data.Id+" "+data.UserName);
});
}
});

對于泛型集合,對應的相應正文為:{"d":[{"__type":"WebServiceDemo.User","Id":1,"UserName":"zhang san","Password":"asfasdf"},{"__type":"WebServiceDemo.User","Id":2,"UserName":"li si","Password":"3rwer"},{"__type":"WebServiceDemo.User","Id":3,"UserName":"wang wu","Password":"rqwe"}]}。這時,result.d得到的是一個數組,通過each方法來遍歷數組的每一項的屬性值。
4.傳遞參數。在傳遞參數的時候,需要注意的是,ajax請求的參數的名稱必須和WebService中的方法的名稱一致,否則調用不能成功。
復制代碼 代碼如下:

[WebMethod]
public string Hello(string name)
{
return "Hello " + name;
}
$.ajax({
type: "post",
contentType: "application/json",
url: "UserService.asmx/Hello",
data: "{name:'admin'}",
dataType: "json",
success: function (result) {
alert(result.d);
}
});
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 汤原县| 柳江县| 洪雅县| 固阳县| 昭平县| 合川市| 马尔康县| 江达县| 新泰市| 永仁县| 宝鸡市| 泾川县| 延安市| 衡阳市| 博爱县| 淳安县| 金坛市| 桐梓县| 武宁县| 金平| 济宁市| 安宁市| 林西县| 九台市| 濮阳市| 漳浦县| 信宜市| 德清县| 龙泉市| 北辰区| 南开区| 府谷县| 巢湖市| 松阳县| 永善县| 宁安市| 达州市| 玉树县| 耿马| 湟中县| 高雄市|