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 相关文章推荐
如何学习Javascript入门指导
Nov 01 Javascript
JavaScript获取短信验证码(周期性)
Dec 29 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 Javascript
详谈for循环里面的break和continue语句
Jul 20 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 Javascript
Vuex实现数据增加和删除功能
Nov 11 Javascript
JS实现“全选”和"全不选"功能代码实例
Feb 06 Javascript
Vue Cli3 打包配置并自动忽略console.log语句的方法
Apr 23 Javascript
JS实现拖动模糊框特效
Aug 25 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
调整PHP的性能
2013/10/30 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
JavaScript对象、属性、事件手册集合方便查询
2010/07/04 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
初步认识JavaScript函数库jQuery
2015/06/18 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python网络爬虫采集联想词示例
2014/02/11 Python
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
python实现超级玛丽游戏
2020/03/18 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
TCP/IP的分层模型
2013/10/27 面试题
甜品店的创业计划书范文
2014/01/02 职场文书
安全检查与奖惩制度
2014/01/23 职场文书
技校毕业生自荐信
2014/06/03 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
PHP RabbitMQ消息列队
2022/05/11 PHP
MySQL 逻辑备份 into outfile
2022/05/15 MySQL