Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用


Posted in Javascript onMarch 18, 2010

一、WebService.asmx:

处理业务数据,在GetDataSet()方法中产生DataSet(XML)数据,供JqueryRequest.aspx调用,代码如下:

[WebMethod] 
public DataSet GetDataSet() 
{ 
DataSet ds = new DataSet(); 
DataTable dt = new DataTable(); 
dt.Columns.Add("Name", Type.GetType("System.String")); 
dt.Columns.Add("Password", Type.GetType("System.String")); 
DataRow dr = dt.NewRow(); 
dr["Name"] = "小花"; 
dr["Password"] = "aaaaaaaaa"; 
dt.Rows.Add(dr); 
dr = dt.NewRow(); 
dr["Name"] = "小兵"; 
dr["Password"] = "bbbbbbbbb"; 
dt.Rows.Add(dr); 
ds.Tables.Add(dt); 
return ds; 
}

二、AjaxRequest.aspx

通过点击按钮来请求WebService.asmx的 GetDataSet()方法,获取XML数据对象。代码如下:

//返回DataSet(XML) 
$(document).ready(function() { 
$('#btnDataset').click(function() { 
$.ajax({ 
type: "POST", 
url: "WebService.asmx/GetDataSet", 
data: "{}", 
dataType: 'xml', //返回的类型为XML 
success: function(result) { //成功时执行的方法 
//捕获处理过程中的异常并输出 
try { 
$(result).find("Table1").each(function() { 
$('#dd').append($(this).find("Name").text() + " " + $(this).find("Password").text()); 
}); 
} 
catch (e) { 
alert(e); 
return; 
} 
}, 
error: function(result, status) { //出错时会执行这里的回调函数 
if (status == 'error') { 
alert(status); 
} 
} 
}); 
}); 
});
Javascript 相关文章推荐
js的写法基础分析
Jan 17 Javascript
js 利用className得到对象的实现代码
Nov 15 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
JavaScript中的宏任务和微任务详情
Nov 27 Javascript
JavaScript 高效运行代码分析
Mar 18 #Javascript
JS setCapture 区域外事件捕捉
Mar 18 #Javascript
小议Javascript中的this指针
Mar 18 #Javascript
jQuery each()方法的使用方法
Mar 18 #Javascript
jQuery each()小议
Mar 18 #Javascript
jquery ajax执行后台方法
Mar 18 #Javascript
jQuery中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 #Javascript
You might like
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
php数组去重实例及分析
2013/11/26 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
js将json格式内容转换成对象的方法
2013/11/01 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
Js中使用正则表达式验证输入是否有特殊字符
2018/09/07 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
在Vue中使用antv的示例代码
2020/06/29 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
Python中的高级数据结构详解
2015/03/27 Python
Python与shell的3种交互方式介绍
2015/04/11 Python
python的keyword模块用法实例分析
2015/06/30 Python
Python之str操作方法(详解)
2017/06/19 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
详解Python中的正斜杠与反斜杠
2019/08/09 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
西班牙拥有最佳品牌的动物商店:Animalear.com
2018/01/05 全球购物
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
"引用"与指针的区别是什么
2016/09/07 面试题
工作表现评语
2014/01/19 职场文书
买卖协议书范本
2014/04/21 职场文书
2015年电信员工工作总结
2015/05/26 职场文书