Jquery Ajax學(xué)習(xí)實(shí)例5 向WebService發(fā)出請(qǐng)求，返回泛型集合數(shù)據(jù)的異步調(diào)用
更新時(shí)間：2010年03月17日 17:40:28 作者：
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求WebService.asmx的 GetList()方法，獲取泛型集合。
一、WebService.asmx：
處理業(yè)務(wù)數(shù)據(jù)，在GetList方法中產(chǎn)生泛型集合數(shù)據(jù)，供JqueryRequest.aspx調(diào)用，代碼如下:
[WebMethod]
public List<string> GetList()
{
List<string> list = new List<string>();
list.Add("aaaaaaaaaaaa");
list.Add("bbbbbbbbbbbb");
list.Add("cccccccccccc");
list.Add("dddddddddddd");
return list;
}
二、AjaxRequest.aspx
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求WebService.asmx的 GetList()方法，獲取泛型集合。代碼如下：
<script type="text/javascript" language="javascript">
function BtnList_Click() {
$.ajax({
url: "aa.asmx/GetList",
data: {},
type: "post",
success: function(data, status) {
var str = "";
try {
var obj = $(data.xml);
var vals = obj.find("string");
$.each(vals, function(index, item) {
str += $(item).text() + "<br/>";
});
$("#dd").html(str);
}
catch (ex) {
alert(ex);
}
}
});
}
</script>
處理業(yè)務(wù)數(shù)據(jù)，在GetList方法中產(chǎn)生泛型集合數(shù)據(jù)，供JqueryRequest.aspx調(diào)用，代碼如下:
[WebMethod]
復(fù)制代碼 代碼如下:
public List<string> GetList()
{
List<string> list = new List<string>();
list.Add("aaaaaaaaaaaa");
list.Add("bbbbbbbbbbbb");
list.Add("cccccccccccc");
list.Add("dddddddddddd");
return list;
}
二、AjaxRequest.aspx
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求WebService.asmx的 GetList()方法，獲取泛型集合。代碼如下：
復(fù)制代碼 代碼如下:
<script type="text/javascript" language="javascript">
function BtnList_Click() {
$.ajax({
url: "aa.asmx/GetList",
data: {},
type: "post",
success: function(data, status) {
var str = "";
try {
var obj = $(data.xml);
var vals = obj.find("string");
$.each(vals, function(index, item) {
str += $(item).text() + "<br/>";
});
$("#dd").html(str);
}
catch (ex) {
alert(ex);
}
}
});
}
</script>
相關(guān)文章
Jquery數(shù)字上下滾動(dòng)動(dòng)態(tài)切換插件
有時(shí)我們需要?jiǎng)討B(tài)的展示訪問(wèn)次數(shù)、下載次數(shù)等效果，我們可以借助jQuery結(jié)合后臺(tái)php實(shí)現(xiàn)一個(gè)滾動(dòng)的數(shù)字展示效果。2015-08-08
js/jq仿window文件夾移動(dòng)/剪切/復(fù)制等操作代碼
本篇文章主要介紹了js/jq仿window文件夾移動(dòng)/剪切/復(fù)制等操作代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
jquery ui 1.7 ui.tabs 動(dòng)態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)
jquery ui 1.7 ui.tabs 動(dòng)態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-04-04
jquery表單驗(yàn)證插件（jquery.validate.js）的3種使用方式
這篇文章主要介紹了jquery表單驗(yàn)證插件（jquery.validate.js）的3種使用方式,本文用詳細(xì)的代碼實(shí)例講解jquery表單驗(yàn)證插件的使用,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了利用jQuery給表格添加分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
jquery實(shí)現(xiàn)鼠標(biāo)懸浮彈出氣泡提示框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)鼠標(biāo)懸浮彈出氣泡提示框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jQuery晃動(dòng)層特效實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery晃動(dòng)層特效實(shí)現(xiàn)方法,實(shí)例分析了animate方法與css樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框
jQuery EasyUI API 中文文檔 DateTimeBox日期時(shí)間框，需要的朋友可以參考下。2011-10-10
jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法
這篇文章主要介紹了jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法,涉及jQuery針對(duì)頁(yè)面位置屬性與鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家介紹了vue-preview縮略圖報(bào)錯(cuò)解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08