`

轻松使用jquery解析XML

 
阅读更多
xml文件结构:books.xml
<?xml version="1.0" encoding="UTF-8"?>
<root>
    <book id="1">
        <name>深入浅出extjs</name>
        <author>张三</author>
        <price>88</price>
    </book>
    <book id="2">
        <name>锋利的jQuery</name>
        <author>李四</author>
        <price>99</price>
    </book>
    <book id="3">
        <name>深入浅出flex</name>
        <author>王五</author>
        <price>108</price>
    </book>
    <book id="4">
        <name>java编程思想</name>
        <author>钱七</author>
        <price>128</price>
    </book>
</root>
页面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        $.post('books.xml',function(data){
            //查找所有的book节点
            var s="";
            $(data).find('book').each(function(i){
                var id=$(this).attr('id');
                var name=$(this).children('name').text();
                var author=$(this).children('author').text();
                var price=$(this).children('price').text();
                s+=id+"&nbsp;&nbsp;&nbsp;&nbsp;"+name+"&nbsp;&nbsp;&nbsp;&nbsp;"+author+"&nbsp;&nbsp;&nbsp;&nbsp;"+price+"<br>";
            });
            $('#mydiv').html(s);
        });
    });
</script>
</head>
<body>
    <div id='mydiv'></div>
</body>
</html>
分享到：
| spring2.5 的 security 权限验证
评论
发表评论

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

相关推荐

    jQuery加载并解析XML

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

    jquery读取xml

    通过`jQuery.parseXML()`解析XML字符串，使用`find()`和`each()`遍历节点，结合XPath或`$.ajax()`获取服务器上的XML，以及有效地处理错误，你可以轻松地构建功能丰富的XML应用程序。在实际项目中，根据具体需求选择...

    jquery.json2xml.js和jquery.xml2json.js

    在jQuery的基础上，`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换，从而让开发者无需深入了解这两种格式的复杂性，就能轻松地在它们之间进行数据互换。...

    xslt+xml+jquery建站

    同时，XML的结构清晰，便于机器解析，有助于实现自动化处理和跨平台兼容。 XSLT（XSL Transformations）是专门用于转换XML文档的样式表语言。通过XSLT，设计人员可以编写模板来控制XML数据如何呈现为HTML或其他格式...

    jquery解析XML及获取XML节点名称的实现代码

    本文将详细讲解如何使用jQuery解析XML文档以及获取XML节点的名称。 首先，让我们了解XML（eXtensible Markup Language）。XML是一种标记语言，常用于存储和传输结构化数据。它通过标签来定义数据的结构，可以被各种...

    jQuery xml-to-json xml转JSON插件

    这个插件的工作原理是解析XML文档，并将其转换为JavaScript对象，然后以JSON字符串的形式返回。这样，开发者就可以轻松地在JavaScript中处理这些数据，例如在页面上动态显示或进行进一步的处理。 使用jQuery xml-to...

    jquery-xmlToJson.js

    1. **解析XML**：使用jQuery的`parseXML()`方法将XML字符串解析为XML DOM对象。 2. **遍历XML节点**：通过递归函数遍历XML的每一个节点，包括元素、属性和文本。 3. **构建JSON结构**：根据XML的结构创建对应的JSON...

    jQuery读取XML

    总之，jQuery的`$.ajax()`和`$.get()`方法提供了一种便捷的方式，让我们能够轻松地在JavaScript中读取和处理XML数据。通过正确设置请求参数和处理回调函数，我们可以高效地解析和操作XML文档。在实际项目中，这些...

    jQuery解析XML 详解及方法总结

    与传统方法相比，使用jQuery解析XML则显得轻松许多。jQuery提供了一套简洁的API来处理XML，让我们能够像操作HTML一样操作XML。具体来说，jQuery允许我们直接使用$.ajax()方法获取XML文件，然后通过$(xml).find(...

    Jquery解析JSON和XML示例

    本文将详细讲解如何使用jQuery解析JSON和XML数据，通过给出的文件名称，我们可以推测这是一个关于Web应用中添加账户和应用的场景。 首先，让我们来看看JSON（JavaScript Object Notation）和XML（eXtensible Markup...

    jquery解析XML字符串和XML文件的方法说明

    本文将详细介绍如何使用jQuery解析XML字符串和XML文件。 首先，我们来看如何解析XML字符串。在给定的示例中，我们创建了一个XML字符串： ```javascript var xml = "&lt;xml&gt;&lt;root&gt;&lt;record&gt;&lt;name&gt;liubl&lt;/name&gt;&lt;/record...

    解析xml文件导入数据，并在前端分页展示

    以下是一个简单的示例，展示如何使用DOM4J解析XML文件并获取特定节点： ```java import org.dom4j.Document; import org.dom4j.DocumentHelper; import org.dom4j.Element; // 加载XML文件 Document document = ...

    Jquery解析json

    在与jQuery结合使用时，Struts2可以作为后端处理用户的请求，并返回JSON格式的数据供前端jQuery解析使用。 #### JSON类库的选择与使用 为了生成和解析JSON数据，通常需要借助第三方的JSON类库。这里提到了使用来自...

    jQuery+xml三级联动

    2. **解析XML**：遍历XML文档，提取出所有级别的数据。可以使用`getElementsByTagName`等方法来获取特定类型的节点。 3. **创建初始选择框**：根据XML中的第一级数据（省份），创建并填充第一个下拉框。 4. **事件...

    JQuery解析HTML、JSON和XML实例详解

    最后，JQuery在解析XML文件方面同样表现不俗。XML（eXtensible Markup Language）是一种通用的标记语言，用于存储和传输数据，也是Web服务通信中广泛使用的格式。在本例中，JQuery通过`$.get()`方法获取了一个名为`...

    jquery+xml省市区三级联动以及多种验证

    这样，通过解析XML文件，我们可以轻松地获取到所有省份、城市和区县的信息。 接下来，jQuery被用来实现这个联动效果。利用jQuery的事件监听和DOM操作，我们可以在用户选择省份时动态加载对应城市的列表，再在选择...

    xml+jquery实现无限级menus

    解析XML文件是第一步，jQuery提供了$.ajax或$.parseXML方法来完成这个任务。使用$.ajax，我们可以异步加载XML数据并处理返回的结果： ```javascript $.ajax({ url: 'menu.xml', type: 'GET', dataType: 'xml', ...

    AJAX学习总结（三）--jQuery处理xml数据

    jQuery处理命名空间的方法相对复杂，通常需要结合`$.ajax()`的`processData`和`beforeSend`选项，或者使用`$.parseXML()`函数先解析XML，然后再进行操作。 总结来说，jQuery提供了一套强大的工具来处理XML数据，...

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