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 OOP包机制,类创建的方法定义
Nov 02 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
微信小程序 底部导航栏目开发资料
Dec 05 Javascript
详解webpack2+React 实例demo
Sep 11 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
vue2.0 elementUI制作面包屑导航栏
Feb 22 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
May 21 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
Vue如何实现验证码输入交互
Dec 07 Vue.js
利用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 文件上传代码(限制jpg文件)
2010/01/05 PHP
PHP开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
Javascript 按位左移运算符使用介绍(
2014/02/04 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
ECMAScript中函数function类型
2015/06/03 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
js面向对象的写法
2016/02/19 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
Python的Flask开发框架简单上手笔记
2015/11/16 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
Django forms表单 select下拉框的传值实例
2019/07/19 Python
python 录制系统声音的示例
2020/12/21 Python
CSS3按钮鼠标悬浮实现光圈效果源码
2016/09/11 HTML / CSS
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
shell程序中如何注释
2012/02/17 面试题
刚毕业大学生自荐信范文
2014/02/20 职场文书
慈善晚会策划方案
2014/05/14 职场文书
党员承诺书格式
2014/05/21 职场文书
2014学校领导四风问题对照检查材料思想汇报
2014/09/22 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
音乐剧猫观后感
2015/06/04 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL