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 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
jQuery实现弹出带遮罩层的居中浮动窗口效果
Sep 12 Javascript
前端开发之CSS原理详解
Mar 11 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
基于better-scroll 实现歌词联动功能的代码
May 07 Javascript
JS 5种遍历对象的方式
Jun 16 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
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
Angular4学习教程之DOM属性绑定详解
2018/01/04 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
express express-session的使用小结
2018/12/12 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
[52:52]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第三局
2016/02/27 DOTA
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python局部赋值的规则
2013/03/07 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
Python实现调用另一个路径下py文件中的函数方法总结
2018/06/07 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python爬取微信公众号文章
2018/08/31 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
Python JSON编解码方式原理详解
2020/01/20 Python
pytorch实现MNIST手写体识别
2020/02/14 Python
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
学校司机岗位职责
2013/11/14 职场文书
电脑教师的自我评价
2013/12/18 职场文书
飘柔洗发水广告词
2014/03/14 职场文书
机关驾驶员违规检讨书
2014/09/13 职场文书
2014年保洁工作总结
2014/11/24 职场文书