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 相关文章推荐
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 Javascript
采用call方式实现js继承
May 20 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
Dec 13 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
Vue 2.0 服务端渲染入门介绍
Mar 29 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
Vue实现导航栏菜单
Aug 19 Javascript
nuxt 实现在其它js文件中使用store的方式
Nov 05 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
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
解析php开发中的中文编码问题
2013/08/08 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
JavaScript基础知识之数据类型
2012/08/06 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
js加密解密字符串可自定义密码因子
2014/05/13 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
javascript封装简单实现方法
2015/08/11 Javascript
JS函数的几种定义方式分析
2015/12/17 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
PyMongo安装使用笔记
2015/04/27 Python
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
python实现数据写入excel表格
2018/03/25 Python
django加载本地html的方法
2018/05/27 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
python绘制汉诺塔
2021/03/01 Python
Hotels.com韩国:海外国内旅行所需的酒店和住宿预订网站
2020/05/08 全球购物
Bandier官网:奢侈、时尚前卫的健身服装首选目的地
2020/07/05 全球购物
大学生自助营养快餐店创业计划书
2014/01/13 职场文书
企业车辆管理制度
2014/01/24 职场文书
模具数控专业自荐信
2014/01/27 职场文书
人事助理自荐信
2014/02/02 职场文书
创意广告词
2014/03/17 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
Python机器学习之决策树和随机森林
2021/07/15 Javascript