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字符串截取函数实例
Dec 27 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
初步了解javascript面向对象
Nov 09 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
Jquery实现的简单轮播效果【附实例】
Apr 19 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
Bootstrap图片轮播效果详解
Oct 17 Javascript
JavaScript框架Angular和React深度对比
Nov 20 Javascript
Vue组件通信的几种实现方法
Apr 25 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
jQuery实现二级导航菜单的示例
Sep 30 jQuery
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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
一个PHP+MSSQL分页的例子
2006/10/09 PHP
开发大型 PHP 项目的方法
2007/01/02 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
浅谈javascript 面向对象编程
2009/10/28 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
jQuery平滑旋转幻灯片特效代码分享
2015/09/07 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
vue的mixins属性详解
2018/03/14 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
Python中装饰器的一个妙用
2015/02/08 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python requests.post带head和body的实例
2019/01/02 Python
python3字符串操作总结
2019/07/24 Python
python实现静态服务器
2019/09/05 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
英国蛋糕装饰用品一站式商店:Craft Company
2019/03/18 全球购物
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
单位刻章介绍信范文
2014/01/11 职场文书
中学生评语大全
2014/04/18 职场文书
授权委托书公证
2014/09/14 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers