Jquery Ajax学习实例5 向WebService发出请求，返回泛型集合数据的异步调用
作者：
通过点击按钮来请求WebService.asmx的 GetList()方法，获取泛型集合。
一、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>
处理业务数据，在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>