Jquery Ajax学习实例5 向WebService发出请求，返回泛型

195 阅读 0 评论 129 点赞

我是靠谱客的博主高大母鸡，最近开发中收集的这篇文章主要介绍Jquery Ajax学习实例5 向WebService发出请求，返回泛型，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、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> 