当前位置:  编程技术>WEB前端

Jquery Ajax解析XML数据(同步及异步调用)简单实例

    来源: 互联网  发布时间:2014-08-25

    本文导语:  代码如下:$.ajax({                async: true, // 默认true(异步请求)                cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。                type: "POST", // 默认:GET 请求方式:[POST/GE...

代码如下:

$.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("
  • " + loginname + " - " + name + "
  • ");
                        });
                        /*
                        $(xml).find('user').each(function(i) {
                            var loginname = $(xml).find("user loginname").eq(i).text();
                            var user name").eq(i).text();
                            $("#users").append("

    " + loginname + "

    " + "

    " + name + "


    ");
                        })
                        $(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一点
                            $('

  • ').html(id_value).appendTo('ol');
                        });
                        */
                    }
                })


    用ashx文件返回XML数据:
    代码如下:

    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("n " + ds.GetXml());

            /*
            StringBuilder sb = new StringBuilder();
            sb.Append("");
            sb.Append("");
            sb.Append("Loro5wulu");
            sb.Append("");
            context.Response.Write(sb.ToString());
            */


            context.Response.End();

        }

        public bool IsReusable {
            get {
                return false;
            }
        }

    }


        
     
     

    您可能感兴趣的文章:

  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jquery ajaxSubmit 异步提交的简单实现
  • Jquery 数据异步提交的小例子
  • jquery异步请求并改变页面内容的实例分析
  • 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
  • Jquery easyui表单异步验证扩展
  • jQuery异步上传插件
  • jQuery异步验证用户名是否存在示例代码
  • 使用jquery.upload.js实现异步上传示例代码
  • jQuery异步加载数据并添加事件示例
  • 自写的jQuery异步加载数据添加事件
  • jquery的ajax异步请求接收返回json数据实例
  • 使用jQuery异步加载 JavaScript脚本解决方案
  • AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
  • jQuery dialog 异步调用数据(webserivce或ashx)的实现代码
  • JQuery异步加载无限下拉框级联功能实现示例
  • Jquery.Form 异步提交表单的简单实例
  • jquery uploadify和apache Fileupload实现异步上传文件示例
  • jquery淡化版banner异步图片文字效果切换图片特效
  • jquery live()调用不存在的解决方法
  • jquery、js调用iframe父窗口与子窗口元素的方法整理
  • 浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
  • jquery getJSON跨域调用数据的例子
  • jQuery加载或调用CSS文件的例子
  • Jquery ajax调用action返回值的问题
  • 在jquery中的ajax方法怎样通过JSONP进行远程调用
  • jquery中的ajax方法怎样通过JSONP进行远程调用
  • jquery动态调用css文件方法示例
  • Jquery调用Webservice传递Json数组
  • JQuery与Ajax调用新浪API获取短网址的代码
  • JQuery调用WebServices的方法和4个实例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery使用jquery.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • docker中文入门学习手册 iis7站长之家
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3