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 相关文章推荐
用jQuery简化JavaScript开发分析
Feb 19 Javascript
用JQuery 实现AJAX加载XML并解析的脚本
Jul 25 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
Jan 23 Javascript
js 为label标签和div标签赋值的方法
Aug 08 Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
基于Vuex无法观察到值变化的解决方法
Mar 01 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 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/11/19 PHP
php身份证号码检查类实例
2015/06/18 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
FF火狐下获取一个元素同类型的相邻元素实现代码
2012/12/15 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
JavaScript插件化开发教程(五)
2015/02/01 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
javascript加减乘除的简单实例
2016/07/12 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
js实现录音上传功能
2019/11/22 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
Python实现分割文件及合并文件的方法
2015/07/10 Python
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
python图像常规操作
2017/11/11 Python
名片管理系统python版
2018/01/11 Python
Python math库 ln(x)运算的实现及原理
2019/07/17 Python
python调用接口的4种方式代码实例
2019/11/19 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
css3实现平移效果(transfrom:translate)的示例
2020/11/13 HTML / CSS
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
运动会闭幕式解说词
2014/02/21 职场文书
企业形象策划方案
2014/05/29 职场文书
2014年班级工作总结范文
2014/12/23 职场文书
部门经理助理岗位职责
2015/04/13 职场文书