9159金沙游艺场-奥门金沙游艺场-[欢迎您]

9159金沙游艺场为您呈现最新的面貌!,目前注册送体验金,欢迎您将成为影视娱乐行业新的风向标,是亚洲的优质娱乐先锋。

自在使用jquery深入分析XML

日期:2019-11-26编辑作者:前端

轻松使用jquery解析XML,jquery解析xml

xml文件结构:books.xml

图片 1<?xml version="1.0" encoding="UTF-8"?>
图片 2<root>
图片 3    <book id="1">
图片 4        <name>深入浅出extjs</name>
图片 5        <author>张三</author>
图片 6        <price>88</price>
图片 7    </book>
图片 8    <book id="2">
图片 9        <name>锋利的jQuery</name>
图片 10        <author>李四</author>
图片 11        <price>99</price>
图片 12    </book>
图片 13    <book id="3">
图片 14        <name>深入浅出flex</name>
图片 15        <author>王五</author>
图片 16        <price>108</price>
图片 17    </book>
图片 18    <book id="4">
图片 19        <name>java编程思想</name>
图片 20        <author>钱七</author>
图片 21        <price>128</price>
图片 22    </book>
图片 23</root>
图片 24

页面代码:

图片 25<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ";
图片 26<html>
图片 27<head>
图片 28<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
图片 29<title>jquery解析xml</title>
图片 30<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
图片 31<script type="text/javascript">
图片 32    $(function(){
图片 33        $.post('books.xml',function(data){
图片 34            //查找所有的book节点
图片 35            var s="";
图片 36            $(data).find('book').each(function(i){
图片 37                var id=$(this).attr('id');
图片 38                var name=$(this).children('name').text();
图片 39                var author=$(this).children('author').text();
图片 40                var price=$(this).children('price').text();
图片 41                s+=id+"    "+name+"    "+author+"    "+price+"<br>";
图片 42            });
图片 43            $('#mydiv').html(s);
图片 44        });
图片 45    });
图片 46</script>
图片 47</head>
图片 48<body>
图片 49    <div id='mydiv'></div>
图片 50</body>
图片 51</html>

效果图:
图片 52 
完整示例下载

jquery解析xml字符串

使用jquery的ajax,设置dataType为xml,参考api.jquery.com/jQuery.ajax/  

怎使用jquery对xml文件进行 增 删 改 操作

你把问题描述清楚啊。

是对WEB页面的XML数据的进行操作?
是对传递来的XML数据进行操作?
是对本地硬盘的XML文件进行操作?

提供个思路:

通过jquery的$.ajax()请求该xml资源,里面参数dataType:xml,如此,即可在本地js代码上遍历此xml文档。把文件显示于页面。做了修改,删除操作后,把数据用JSON方式传递到后台,进行文件读写操作。
$.ajax({
url : rootPath + "/userInfo.do?method=saveSetting&columnIds=。。。",
dataType : "json",
success : function(response) {
if (response) {

alert("保存成功");
}
else
alert("保存失败" );
}
}
});

一、xml文件内容读取 1、读取xml文件 $.get( xmlfile.xml , function (xml){ //xml即为可以读取使用的内容,具体读取见第2点 }); 2、读取xml内容 如果读取的xml是来于xml文件,这结合上面的那点,处理如下 $.get( xmlfile.xml , function (xml){ $(xml). fi
一、xml文件内容读取
1、读取xml文件
$.get("xmlfile.xml",function(xml){
//xml即为可以读取使用的内容,具体读取见第2点
});
2、读取xml内容
如果读取的xml是来于xml文件,这结合上面的那点,处理如下
$.get("xmlfile.xml",function(xml){
$(xml).find("item").length;
});
如果读取的是xml字符串,则要注意一点,xml字符串的必然被”<xml>”和”</xml>”包围才可以被解析
$("<xml><root><item></item></root></xml>").find("item").length; 二、解析xml内容示例xml:<?xml version="1.0" encoding="utf-8" ?><fields>
<field Name="Name1">
<fieldname>dsname</fieldname>
<datatype>字符</datatype>
</field>
<field Name="Name2">
<fieldname>dstype</fieldname>
<datatype>字符</datatype&......余下全文>>  

xml文件结构:books.xml ?xmlversion="1.0"encoding="UTF-8"? root bookid="1" name深入浅出extjs/name author张三/author price88/pr...

本文由9159金沙游艺场-奥门金沙游艺场-[欢迎您]发布于前端,转载请注明出处:自在使用jquery深入分析XML

关键词:

服务端消息9159金沙游艺场

点评 :后面已经总括了关键的API扩展(应用缓存/服务端音讯/桌面公告),上边包车型客车多少个独有在一定的场所技术...

详细>>

nsurlsession上传图片

NSURLSession/NSURLConnection的上传文件方法,nsurlsession上传图片 最好的学习方法就是 领悟 + 证悟。 此篇文章的理论基础...

详细>>

typescript数据类型【9159金沙游艺场】

TypeScript入门-基本数据类型,typescript数据类型 ▓▓▓▓▓▓ 大致 介绍 TypeScript是由C#语言之父AndersHejlsberg主导开发的...

详细>>

判断一个数是不是素数【9159金沙游艺场】

C语言 达成三个函数,判定一个数是或不是素数 #define _CRT_SECURE_NO_WARNINGS 1#include stdio.h#includestdlib.hint prime(num){ int i; ...

详细>>