Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
作者:bea
一、WebService.asmx: 处理业务数据,在GetDataSet()方法中产生DataSet(XML)数据,供JqueryRequest.aspx调用,代码如下: 代码如下: [WebMethod] public DataSet GetDataSet() { DataSet ds = new DataSet(); DataTable dt = new DataTable(); dt.Columns.Add("Name", Type.GetTy
一、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);
}
}
});
});
});
有用 | 无用
处理业务数据,在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);
}
}
});
});
});
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 锋利的jQuery 要点归纳(一) jQuery选择器
- jquery 可拖拽的窗体控件实现代码
- jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
- javascript qq右下角滑出窗口 sheyMsg
- js 居中漂浮广告
- jquery checkbox,radio是否选中的判断代码
- javascript中的new使用
- javascript 操作select下拉列表框的一点小经验
- js 格式化时间日期函数小结
- window.location.hash 属性使用说明
- 对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
- js 强制弹出窗口代码研究-又一款代码
- js 数组克隆方法 小结
- vs2003 js文件编码问题的解决方法
- Jquery AutoComplete自动完成 的使用方法实例
- JavaScript 对象的属性和方法4种不同的类型
- jQuery 前的按键判断代码
- Javascript 匿名函数及其代码模式原理
- JS 有名函数表达式全面解析