zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JqueryAjax学习实例5向WebService发出请求,返回泛型集合数据的异步调用

2023-06-13 09:14:17 时间
一、WebService.asmx:
处理业务数据,在GetList方法中产生泛型集合数据,供JqueryRequest.aspx调用,代码如下:
 [WebMethod]
复制代码代码如下:

publicList<string>GetList()
{
List<string>list=newList<string>();
list.Add("aaaaaaaaaaaa");
list.Add("bbbbbbbbbbbb");
list.Add("cccccccccccc");
list.Add("dddddddddddd");
returnlist;
}

二、AjaxRequest.aspx
通过点击按钮来请求WebService.asmx的GetList()方法,获取泛型集合。代码如下:
复制代码代码如下:

  <scripttype="text/javascript"language="javascript">
functionBtnList_Click(){
$.ajax({
url:"aa.asmx/GetList",
data:{},
type:"post",
success:function(data,status){
varstr="";
try{
varobj=$(data.xml);
varvals=obj.find("string");
$.each(vals,function(index,item){
str+=$(item).text()+"<br/>";
});
$("#dd").html(str);
}
catch(ex){
alert(ex);
}
}
});
}
</script>