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 IFrame 强制刷新代码
Jul 23 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
Javascript操作表单实例讲解(下)
Jun 20 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
浅谈vuex 闲置状态重置方案
Jan 04 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
vue.js实现的经典计算器/科学计算器功能示例
Jul 11 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 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筛选不存在的图片资源
2015/04/28 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
JavaScript必知必会(九)function 说起 闭包问题
2016/06/08 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
2017/03/09 Javascript
Javascript实现倒计时时差效果
2017/05/18 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
python实现目录树生成示例
2014/03/28 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
雅诗兰黛旗下走天然植物路线的彩妆品牌:Prescriptives
2016/08/14 全球购物
P/Invoke是什么
2015/07/31 面试题
Delphi软件工程师试题
2013/01/29 面试题
英文简历中的自我评价
2013/10/06 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
对外汉语专业大学生职业生涯规划书
2014/10/11 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
学籍证明模板
2015/06/18 职场文书
结婚司仪主持词
2015/06/29 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
总结Python使用过程中的bug
2021/06/18 Python
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
分析Python list操作为什么会错误
2021/11/17 Python
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS
源码安装apache脚本部署过程详解
2022/09/23 Servers