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的动态表格插件
Mar 28 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
用javascript添加控件自定义属性解析
Nov 25 Javascript
form.submit()不能提交表单的原因分析
Oct 23 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
JavaScript 闭包机制详解及实例代码
Oct 10 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
微信小程序swiper禁止用户手动滑动代码实例
Aug 23 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 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目录操作函数之获取目录与文件的类型
2010/12/29 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
PHP PDOStatement::setFetchMode讲解
2019/02/03 PHP
php接口隔离原则实例分析
2019/11/11 PHP
JS应用之禁止抓屏、复制、打印
2008/02/21 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
JS小游戏之宇宙战机源码详解
2014/09/25 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
2017/03/08 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
初步介绍Python中的pydoc模块和distutils模块
2015/04/13 Python
在Python的Tornado框架中实现简单的在线代理的教程
2015/05/02 Python
Python中Random和Math模块学习笔记
2015/05/18 Python
django 常用orm操作详解
2017/09/13 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
python的debug实用工具 pdb详解
2019/07/12 Python
Python实现AI换脸功能
2020/04/10 Python
python如何建立全零数组
2020/07/19 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
光声世纪笔试题目
2012/08/25 面试题
软件测试有哪些?什么是配置项?
2012/02/12 面试题
大学运动会通讯稿
2014/01/28 职场文书
歌颂祖国演讲稿
2014/05/04 职场文书
建设投标担保书
2014/05/13 职场文书
清明节扫墓活动总结
2015/02/09 职场文书