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


Posted in Javascript onMarch 17, 2010

一、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>
Javascript 相关文章推荐
自己的js工具 Cookie 封装
Aug 21 Javascript
jQuery实现自动滚动到页面顶端的方法
May 22 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
使用jQuery操作DOM的方法小结
Feb 27 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
JS原生瀑布流效果实现
Apr 26 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
实例讲解React 组件
Jul 07 Javascript
vue实现倒计时功能
Mar 24 Vue.js
javascript中的undefined 与 null 的区别  补充篇
Mar 17 #Javascript
javascript+iframe 实现无刷新载入整页的代码
Mar 17 #Javascript
js select常用操作控制代码
Mar 16 #Javascript
js实现的日期操作类DateTime函数代码
Mar 16 #Javascript
javascript json2 使用方法
Mar 16 #Javascript
jQuery 选择器理解
Mar 16 #Javascript
jQuery 学习入门篇附实例代码
Mar 16 #Javascript
You might like
PHP中最容易忘记的一些知识点总结
2013/04/28 PHP
php中socket的用法详解
2014/10/24 PHP
浅析php创建者模式
2014/11/25 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
php实现文件上传基本验证
2020/03/04 PHP
破解Session cookie的方法
2006/07/28 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
AngularJS入门教程之ng-class 指令用法
2016/08/01 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
微信小程序转发事件实现解析
2019/10/22 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
JS寄快递地址智能解析的实现代码
2020/07/16 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
马来西亚演唱会订票网站:StubHub马来西亚
2018/10/18 全球购物
音乐教学案例
2014/01/30 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
文言文辞职信
2015/02/28 职场文书
考勤制度通知
2015/04/25 职场文书
介绍信怎么写
2015/05/05 职场文书
Python实现视频中添加音频工具详解
2021/12/06 Python
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL