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 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
写出高效jquery代码的19条指南
Mar 19 Javascript
javascript跨域的4种方法和原理详解
Apr 08 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
jQuery插件制作之参数用法实例分析
Jun 01 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 Javascript
详解vue 中使用 AJAX获取数据的方法
Jan 18 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
PHP 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
WindowsXP中快速配置Apache+PHP5+Mysql
2008/06/05 PHP
PHP 500报错的快速解决方法
2016/12/14 PHP
JScript的条件编译
2007/05/29 Javascript
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
javascript里使用php代码实例
2014/12/13 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
轮播的简单实现方法
2016/07/28 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
input输入框内容实时监测(附代码)
2017/08/15 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
vue单页面在微信下只能分享落地页的解决方案
2019/04/15 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
Python遍历zip文件输出名称时出现乱码问题的解决方法
2015/04/08 Python
numpy中的ndarray方法和属性详解
2019/05/27 Python
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
战略合作协议书范本
2014/04/18 职场文书
技术经济专业求职信
2014/09/03 职场文书
银行奉献演讲稿
2014/09/16 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
少先大队干部竞选稿
2015/11/20 职场文书