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 相关文章推荐
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
Feb 13 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
实现无刷新联动例子汇总
May 20 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
jquery实现数字输入框
Feb 22 Javascript
使用angular-cli webpack创建多个包的方法
Oct 16 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 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执行批量mysql语句的解决方法
2013/05/02 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
php判断页面是否是微信打开的示例(微信打开网页)
2014/04/25 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
PHP自定义错误用法示例
2016/09/28 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
javascript this用法小结
2008/12/19 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
js图片处理示例代码
2014/05/12 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
ztree加载完成后显示勾选节点的实现代码
2018/10/22 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
如何用python整理附件
2018/05/13 Python
python super的使用方法及实例详解
2019/09/25 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
大学生实习期自我评价范文
2013/10/03 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
校车安全管理责任书
2015/05/11 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL