Jquery Ajax解析XML数据(同步及异步调用)简单实例


Posted in Javascript onFebruary 12, 2014
$.ajax({
                async: true, // 默认true(异步请求)
                cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。
                type: "POST", // 默认:GET 请求方式:[POST/GET]
                dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"]
                url: "Test.ashx", // 默认当前地址,发送请求的地址
                data: { key: "value" }, // 发送到服务器的数据
                error: function(xml) { alert('Error loading XML document' + xml); }, // 请求失败时调用
                timeout: 1000, // 设置请求超时时间
                success: function(xml) { // 请求成功后回调函数 参数:服务器返回数据,数据格式.
                    $("#users").empty();
                    // 用Jquery处理xml数据
                    $(xml).find('Table').each(function() {
                        var loginname = $(this).find("Loginname").text();
                        var Name").text();
                        $("#users").append("<li>" + loginname + " - " + name + "</li>");
                    });
                    /*
                    $(xml).find('user').each(function(i) {
                        var loginname = $(xml).find("user loginname").eq(i).text();
                        var user name").eq(i).text();
                        $("#users").append("<p>" + loginname + "</p>" + "<p>" + name + "</p><Br />");
                    }) 
                    $(xml).find("student").each(function(i){
                        var id"); //取对象
                        var id_value=$(this).children("id").text(); //取文本
                        alert(id_value);//这里就是ID的值了。
                        alert($(this).attr("email")); //这里能显示student下的email属性。
                        //最后输出了,这个是cssrain的写法,貌似比macnie更JQ一点
                        $('<li></li>').html(id_value).appendTo('ol');
                    });
                    */
                }
            })

用ashx文件返回XML数据:
<%@ WebHandler Language="C#" %>
using System;
using System.Web;
using System.Text;
using System.Data;
public class Test : IHttpHandler {
    public void ProcessRequest (HttpContext context) {
        context.Response.StatusCode = 200;
        context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
        DataSet ds = new DataSet("AccountList");
        ds = GetList("Account","AccountId","Loginname,Name",50,1,false, false,"1=1");
        context.Response.ContentType = "text/xml";
        context.Response.Charset = "GB2312";
        context.Response.Clear();
        context.Response.Write("<?xml version=\"1.0\" encoding=\"gbk\"?>\n " + ds.GetXml());
        /*
        StringBuilder sb = new StringBuilder();
        sb.Append("<?xml version=\"1.0\" encoding=\"gbk\"?>");
        sb.Append("<AccountList>");
        sb.Append("<Account><loginname>Loro5</loginname><name>wulu</name></user>");
        sb.Append("</Account>");
        context.Response.Write(sb.ToString());
        */

        context.Response.End();
    }
    public bool IsReusable {
        get {
            return false;
        }
    }
}
Javascript 相关文章推荐
判断页面是关闭还是刷新的js代码
Jan 28 Javascript
jquery退出each循环的写法
Feb 26 Javascript
JavaScript中的对象序列化介绍
Dec 30 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
js仿拉勾网首页穿墙广告效果
Mar 08 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 #Javascript
jquery ajax,ashx,json的用法总结
Feb 12 #Javascript
Jquery中ajax方法data参数的用法小结
Feb 12 #Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 #Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 #Javascript
JavaScript cookie的设置获取删除详解
Feb 11 #Javascript
JavaScript新窗口与子窗口传值详解
Feb 11 #Javascript
You might like
PHP中路径问题的解决方案
2006/10/09 PHP
实用函数10
2007/11/08 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
php创建多级目录的方法
2015/03/24 PHP
JS实现在状态栏显示打字效果完整实例
2015/11/02 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
js实现拖拽功能
2017/03/01 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
深度解读vue-resize的具体用法
2020/07/08 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
Python PyInstaller库基本使用方法分析
2019/12/12 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
C#里面可以避免一个类被其他类继承么?如何?
2013/09/26 面试题
暑期政治学习心得体会
2014/09/02 职场文书
工程承包协议书范本
2014/09/29 职场文书
2014年财务个人工作总结
2014/12/08 职场文书
高中社区服务活动报告
2015/02/05 职场文书
2015年推普周活动总结
2015/03/27 职场文书
休假证明书
2015/06/24 职场文书
安全学习心得体会范文
2016/01/18 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
MySQL事务的隔离级别详情
2022/07/15 MySQL