`

jquery读取xml文件示例

XMLjQueryAjaxJavaXHTML 
阅读更多 
<?xml version="1.0" encoding="utf-8"?>
<stulist>
    <student email="1@1.com">
        <name>
            zhangsan
        </name>
        <id>
            1
        </id>
    </student>
    <student email="2@2.com">
        <name>
            list
        </name>
        <id>
            2
        </id>
    </student>
</stulist>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style>
            * {
                margin: 0;
                padding: 0
            }
            
            body {
                font-size: 12px;
                line-height: 160%;
                color: #666;
                font-family: Tahoma, Arial, Helvetica, sans-serif;
            }
        </style>
        <script type="text/javascript" src="js/jquery.js">
        </script>
        <script>
            $(document).ready(function(){
                $.ajax({
                    url: 'test.xml',
                    dataType: 'xml',
                    type: 'GET',
                    timeout: 1000,
                    error: function(xml){
                        alert("loading xml error");
                    },
                    success: function(xml){
                        $(xml).find("student").each(function(i){
                            var oId = $(this).children("id");
                            //获取id节点的文本值；
                            var IdValue = oId.text();
                            console.log(IdValue);
                            var oEmail = $(this).attr('email');
                            console.log(oEmail);
                            $("<li></li>").html(IdValue).appendTo("ol");
                            $("<li></li>").html(oEmail).appendTo("ol");
                        })
                    }
                });
                
            })
        </script>
    </head>
    <body>
        <ol>
        </ol>
    </body>
</html>
分享到：
| 在jQuery中利用AJAX加载XML数据并解析
评论
1 楼 kakamimika 2010-07-31  
貌似不行吧
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery读取XML文件的方法示例

    主要介绍了jQuery读取XML文件的方法,结合实例形式分析了jQuery基于ajax针对xml文件的读取操作相关技巧,需要的朋友可以参考下

    使用jquery解析XML示例代码

    通过示例为大家介绍了使用jquery解析XML的方法,经测试比较实用，需要的朋友可以参考下

    jquery解析xml字符串示例分享

    代码如下:[removed]$(document).ready(function() { $.ajax({ url: ‘http://www.test.net/cgi/test.xml’, dataType: ‘xml’, success: function(data){ //console.log(data); $(data).find(“channel”)....

    jquery解析xml字符串简单示例

    主要介绍了jquery解析xml字符串示例,需要的朋友可以参考下

    Jquery解析JSON和XML示例

    NULL 博文链接：https://fley.iteye.com/blog/1897154

    jQuery实现的解析本地 XML 文档操作示例

    主要介绍了jQuery实现的解析本地 XML 文档操作,结合实例形式分析了jQuery针对本地 XML 文档的解析及ajax交互相关操作技巧,需要的朋友可以参考下

    jQuery基于Ajax实现读取XML数据功能示例

    主要介绍了jQuery基于Ajax实现读取XML数据功能,结合实例形式分析了jQuery基于ajax的get方式获取xml文件数据并输出显示相关操作技巧,需要的朋友可以参考下

    jQuery创建及操作xml格式数据示例

    主要介绍了jQuery创建及操作xml格式数据,结合实例形式分析了jQuery针对xml格式数据的创建、解析、添加等相关操作技巧,需要的朋友可以参考下

    通过AJAX的JS、JQuery两种方式解析XML示例介绍

    解析XML的方法有很多，在本文要为大家介绍下是使用AJAX的JS、JQuery两种方式来进行解析，具体实现如下，感兴趣的朋友可以参考下

    jQuery的RSS解析器 jFeed

    jFeed 是一个通用的 RSS/ATOM 解析器jQuery插件 jFeed 支持 RSS 0.91, 0.92, 1.0, 2.0 和 Atom 1.0 等格式。 使用方法: jQuery.getFeed(options); 参数: * url: the feed URL (required). * data: data to ...

    xml-parser:用于客户端 JavaScript 的 jQuery 驱动的 XML 解析器

    这个轻量级的 XML 解析器使用 jQuery 为格式良好的 XML 文档提供了直接的解析和编组。 用法与处理 HTML DOM 时几乎相同。 该脚本定义了 XMLParser 对象，它提供了 parse 和 stringify 方法，就像 JavaScript JSON ...

    jQuery处理xml格式的返回数据(实例解析)

    在这个示例程序中，我将使用$.ajax()方法，使用$.get()方法也可以，但我觉得$.ajax()更好一些，代码更容易懂，并且也不怎么复杂。 代码如下://定义用户名校验的方法function verify(){ //首先测试一下页面的按钮按...

    jQuery基于ajax操作json数据简单示例

    jQuery Ajax 的三种格式，在与后台进行数据交互的时候可以是json格式也可以是xml格式，本人建议将数据转化成json格式。 Xml与json的比较 1、可读性 JSON和XML的可读性可谓不相上下，一边是建议的语法，一边是规范的...

Magicbox
Global site tag (gtag.js) - Google Analytics