欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-02-07 14:47:37|栏目:jquery|点击:
一、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);
}
}
});
});
});

上一篇:jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】

栏    目:jquery

下一篇:checkbox全选/取消全选以及checkbox遍历jQuery实现代码

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

本文地址:http://www.codeinn.net/misctech/58477.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有