`

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_Demo

    通过这个简单的 jQuery 和 XML 操作示例，我们了解了如何使用 jQuery 的 `$.ajax()` 函数加载 XML 文件，以及如何使用 jQuery 的选择器和方法来解析和显示 XML 数据。在实际应用中，可以根据需求进行更复杂的数据...

    jQuery解析xml文件，实现省市县三级联动下拉框

    本主题将探讨如何利用jQuery解析XML文件，进而实现省市县三级联动的下拉框效果，这是一种常见的地理数据展示方式，常用于地址选择或者物流配送等场景。 首先，XML（Extensible Markup Language）是一种用于存储和...

    JQuery 实现XML树形菜单

    解析XML：使用`parseXML()`函数将返回的XML字符串转化为DOM对象，方便进行DOM操作。\n3. 遍历XML节点：递归遍历XML文档的每个节点，根据节点的层级关系创建相应的HTML元素（如`&lt;ul&gt;`和`&lt;li&gt;`）。\n4. 添加事件监听...

    jQuery读取XML

    本文将深入探讨如何使用jQuery读取XML文件，主要涉及`ajax`和`get`这两种方法。 首先，XML（eXtensible Markup Language）是一种用于存储和传输数据的标准格式，尤其在web开发中常用于数据交换。为了利用jQuery处理...

    jQuery读取XML文件的方法示例

    通过本文的介绍和示例，开发者应该能掌握基本的jQuery读取XML文件技巧，并通过网络资源来进一步提升自己的技能。在实际开发中，将这些知识点灵活运用，可以帮助开发者更加高效地处理前端与后端间的数据交互。

    jQuery加载并解析XML

    本篇文章将深入探讨如何使用jQuery来加载和解析XML数据，这是一种常见用于传输和存储结构化数据的方式。 首先，我们需要理解XML（Extensible Markup Language）。XML是一种标记语言，允许我们创建自定义的标签来...

    使用jQuery读取xml和json的案例代码

    上述代码首先发送一个GET请求到指定的XML文件，然后在成功回调函数中解析XML文档。`$(xml).find('item')`查找所有名为`item`的元素，并对每个元素提取`title`和`description`的值。 **读取JSON** 读取JSON数据，...

    轻松使用jquery解析XML

    标题中的“轻松使用jQuery解析XML”意味着我们将探讨如何利用JavaScript库jQuery处理XML文档，以便在Web应用程序中方便地获取和操作数据。XML（可扩展标记语言）是一种结构化数据格式，常用于存储和传输数据。jQuery...

    jquery读取xml.pdf

    知识点五：读取本地XML文件和解析XML数据 文件中还包含了解析本地XML文件的示例。通过$.ajax()方法，设置url为本地XML文件的路径，并指定dataType为'xml'。在success回调函数中，通过jQuery的选择器和方法，例如....

    jquery 解析xml的简单例子

    本文将深入探讨如何使用jQuery解析XML（eXtensible Markup Language）文件，这是一种结构化数据存储格式，常用于数据交换和网页应用程序。 首先，我们需要了解jQuery的核心功能之一——`$.ajax()`方法，它是进行...

    jquery解析xml

    2. **解析XML数据**：在回调函数中，`$(data)`将返回的XML文档转换为一个类似DOM的对象，便于使用jQuery的DOM选择器进行操作。 3. **提取数据**：使用`.find('book')`来定位所有`&lt;book&gt;`元素，然后通过`.each()`...

    jquery 读取XML 可运行

    本示例中，我们将深入探讨如何使用jQuery来读取XML文件并将其内容展示在HTML页面上。 首先，我们需要一个XML文件，例如`data.xml`，其内容可能是这样的： ```xml &lt;name&gt;John Doe &lt;position&gt;Manager &lt;email&gt;...

    JS+JQuery读取XML并保存相关信息到TXT文件

    以上就是使用JavaScript和jQuery读取XML并将其内容保存到TXT文件的基本流程。需要注意的是，由于同源策略的限制，这种方法仅适用于同源的XML文件，跨域访问需要服务器端配合设置CORS策略。同时，前端直接保存文件到...

    CSS+JQuery+XML二级菜单

    例如，当用户将鼠标悬停在一级菜单项上时，JQuery可以读取XML数据并动态加载相应的二级菜单。此外，JQuery的动画功能可以使得菜单的展开和收起更加流畅自然。 接着，我们来看看XML（可扩展标记语言）。XML是一种...

    Jquery解析JSON和XML示例

    解析XML，jQuery提供了`$.ajax()`或`$.get()`方法，它们支持dataType参数为"xml"。例如，获取XML数据： ```javascript $.get('data.xml', function(xml) { $(xml).find('item').each(function() { var itemName = ...

    使用jquery解析XML的方法

    虽然示例中是通过AJAX方式从本地或服务器获取XML文件，但在实际应用中，也可以通过直接将XML文件嵌入HTML文档中，再通过JavaScript读取和解析XML内容。 此外，除了使用jQuery解析XML外，还应该了解jQuery如何操作...

    开彩网在线解析XML示例

    在这个“开彩网在线解析XML示例”中，我们可以深入理解XML的基本概念和解析方法，特别关注在线环境下的处理。 首先，XML文档结构严谨，每个元素都有其开始标签 `&lt;tag&gt;` 和结束标签 `&lt;/tag&gt;`，元素可以嵌套，形成...

    jquery\xml城市三级联动

    在jQuery的处理函数中，我们需要解析XML，提取出当前选中省份下的所有城市，然后用这些数据更新城市下拉菜单。这通常可以使用`$.parseXML()`函数进行XML解析，再通过DOM遍历（如`find()`, `children()`, `each()`等...

    jquery解析xml字符串示例分享

    首先，了解jQuery如何与AJAX请求结合使用来加载和解析XML文件是很有帮助的。示例代码展示了如何在jQuery的ready函数中发送AJAX请求，并将返回的XML数据转换为jQuery对象进行进一步处理。在这个过程中，我们使用了...

    Jquery xml2Json

    至于压缩包中的“xml-to-json”文件，很可能包含了该插件的源代码、示例、文档或者测试用例。开发者可以通过查看这些文件了解插件的具体实现，学习如何在自己的项目中集成和使用这个工具。如果提供了示例代码，那么...

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