DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery Ajax學習實例5 向WebService發出請求,返回泛型集合數據的異步調用
Jquery Ajax學習實例5 向WebService發出請求,返回泛型集合數據的異步調用
編輯:JQuery特效代碼     
一、WebService.asmx:
處理業務數據,在GetList方法中產生泛型集合數據,供JqueryRequest.aspx調用,代碼如下:
  [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
通過點擊按鈕來請求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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved