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显示隐藏层比较不错的方法分析
Sep 30 Javascript
juqery 学习之三 选择器 子元素与表单
Nov 25 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
利用npm 安装删除模块的方法
May 15 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
vue 实现小程序或商品秒杀倒计时
Apr 14 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
详解基于原生JS验证表单组件xy-form
Aug 20 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 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+DBM的同学录程序(3)
2006/10/09 PHP
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
jQuery+PHP+ajax实现微博加载更多内容列表功能
2014/06/27 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
php实现网站留言板功能
2015/11/04 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
9行javascript代码获取QQ群成员具体实现
2013/10/16 Javascript
IE中的File域无法清空使用jQuery重设File域
2014/04/24 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
underscore之Chaining_动力节点Java学院整理
2017/07/10 Javascript
layui form表单提交之后重新加载数据表格的方法
2019/09/11 Javascript
JavaScript 装逼指南(js另类写法)
2020/05/10 Javascript
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】
2019/06/17 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
pandas实现DataFrame显示最大行列,不省略显示实例
2019/12/26 Python
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
意大利网上药房:Farmacia 33
2020/01/27 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
社会实践自我鉴定
2013/11/07 职场文书
聚美优品励志广告词
2014/03/14 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript