Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
作者:bea
一、WebService.asmx: 处理业务数据,在GetList方法中产生泛型集合数据,供JqueryRequest.aspx调用,代码如下: [WebMethod] 代码如下: public List<string> GetList() { List<string> list = new List<string>(); list.Add("aaaaaaaaaaaa"); list.Add("bbbbbbbbbbbb"
一、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>
有用 | 无用
[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>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JS setCapture 区域外事件捕捉
- javascript 实现滚动效果代码整理
- JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
- 小议Javascript中的this指针
- js实现的类marquee水平循环滚动
- js 把字符串当函数执行的方法
- jQuery each()方法的使用方法
- jQuery each()小议
- jquery ajax执行后台方法
- jQuery中与toggleClass等价的程序段 以及未来学习的方向
- javascript 验证日期的函数
- 12个非常有创意的JavaScript小游戏
- JQuery 插件模板 制作jquery插件的朋友可以参考下
- jquery 简单图片导航插件jquery.imgNav.js
- Array.prototype.slice.apply的使用方法
- javascript 打开页面window.location和window.open的区别
- input 输入框内的输入事件详细分析
- js replace() 文本替换你所不知的
- javascript 新闻标题静态分页代码 (无刷新)