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 相关文章推荐
javascript 页面只自动刷新一次
Jul 10 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
May 08 Javascript
网页前端优化之滚动延时加载图片示例
Jul 13 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 Javascript
nuxt静态部署打包相对路径操作
Nov 06 Javascript
JavaScript的一些小技巧分享
Jan 06 Javascript
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
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
javascript 单选框,多选框美化代码
2008/08/01 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
javaScript字符串工具类StringUtils详解
2017/12/08 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
2019/11/06 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
python线程池的实现实例
2013/11/18 Python
python控制台英汉汉英电子词典
2020/04/23 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python冒泡排序注意要点实例详解
2016/09/09 Python
windows下安装Python和pip终极图文教程
2017/03/05 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
PyCharm最新激活码(2020/10/27全网最新)
2020/10/27 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
优秀的个人求职信范文
2014/05/09 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
法人身份证明书
2014/10/08 职场文书
职代会闭幕词
2015/01/28 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers