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

 更新时间:2010年03月18日 23:25:46   作者:   我要评论
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用实现代码,需要的朋友可以参考下。
一、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中html()方法用法实例

    jQuery中html()方法用法实例

    这篇文章主要介绍了jQuery中html()方法用法,以实例形式分析了html()方法的功能、定义及使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery中:last选择器用法实例

    jQuery中:last选择器用法实例

    这篇文章主要介绍了jQuery中:last选择器用法,实例分析了:last选择器的功能、定义及匹配时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery 选择器项目实例分析及实现代码

    jQuery 选择器项目实例分析及实现代码

    首先废话一句,jQuery选择器真心很强大!接下来详细介绍jQuery 选择器项目实例实现方式
    2012-12-12
  • 让你的博客飘雪花超出屏幕依然看得见

    让你的博客飘雪花超出屏幕依然看得见

    原作者是在body中不停的插入多个小div雪花来向下慢慢飘,一直飘到body的底部后,将雪花移除,于是,将原来的代码稍加修改,让他只是从屏幕的顶部飘落到屏幕底部(不是body的底部)后,就将雪花移除,另外将雪花改为fixed定位
    2013-01-01
  • jQuery.ajax 跨域请求webapi设置headers的解决方案

    jQuery.ajax 跨域请求webapi设置headers的解决方案

    需要通过服务器端设置响应头、正确响应options请求,正确设置 JavaScript端需要设置的headers信息方能实现,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • jquery轮播的实现方式 附完整实例

    jquery轮播的实现方式 附完整实例

    这篇文章主要介绍了jquery轮播的实现方式,文中分享了jQuery轮播完整实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 分享十五款 jQuery 社交网络分享插件

    分享十五款 jQuery 社交网络分享插件

    这篇文章主要介绍了分享十五款 jQuery 社交网络分享插件,需要的朋友可以参考下
    2015-05-05
  • easyui下拉框动态级联加载的示例代码

    easyui下拉框动态级联加载的示例代码

    本篇文章主要介绍了easyui下拉框动态级联加载的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    下面小编就为大家带来一篇jQuery EasyUI 为Combo,Combobox添加清除值功能的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • jQuery结合ajax实现动态加载文本内容

    jQuery结合ajax实现动态加载文本内容

    本文实例讲述了jquery通过ajax加载一段文本内容的方法。分享给大家供大家参考。这是一个简单的例子,注意编码问题,否则可能会出现乱码。
    2015-05-05

最新评论