jQuery xml字符串的解析 及 读xml并search

最新推荐文章于 2017-08-15 11:05:56 发布
最新推荐文章于 2017-08-15 11:05:56 发布
阅读量383 收藏
点赞数
分类专栏： jquery
xml字符串的解析
[html]  view plain copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>  
  6. <script type="text/javascript">  
  7.     $(function () {  
  8.         var xml = '<markers>';  
  9.         xml += '<marker carId="1" carName="SHANGHAI" gpsTime="2011-08-26 21:21:11.0" lat="31.230393" lng="121.473704" direction="222" speed="22" />';  
  10.         xml += '<marker carId="7" carName="XIAMEN" gpsTime="2011-08-26 21:21:11.0" lat="24.479836" lng="118.089421" direction="222" speed="22" />';  
  11.         xml += '</markers>';  
  12.   
  13.         var xmlDoc = $.parseXML(xml);  
  14.         var result="";  
  15.         $(xmlDoc).find("markers marker").each(function () {  
  16.             result += "carId = " + $(this).attr("carId")  
  17.                 + " ;carName =" + $(this).attr("carName")  
  18.                 + " ;gpsTime =" + $(this).attr("gpsTime") + "\n";  
  19.         });  
  20.   
  21.         alert(result);  
  22.     });  
  23. </script>  
  24. </head>  
  25. <body>  
  26. </body>  
  27. </html>  


请求

[javascript]  view plain copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title>无标题页</title>  
  5.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>  
  6.     <script type="text/javascript">  
  7.         function search() {  
  8.             var searchStrLow = $("#txtTitle").val().toLowerCase();  
  9.             $.post("1.xml", function(data) {  
  10.                 var html = "";  
  11.                 $(data).find('book').each(function() {  
  12.                     var titleLow = $(this).find("title").text().toLowerCase();  
  13.                     if (titleLow.indexOf(searchStrLow)!=-1) {  
  14.                         html += "<tr><td>" + $(this).find("title").text() + "</td>";  
  15.                         html += "<td>" + $(this).find("author").text() + "</td>";  
  16.                         html += "<td>" + $(this).find("year").text() + "</td></tr>";  
  17.                         $("#tbody1").html(html);  
  18.                     }  
  19.                 });  
  20.             });  
  21.         }  
  22. </script>  
  23. </head>  
  24. <body>  
  25.     <span>输入标题:</span><input id="txtTitle" type="text" />  
  26.     <input id="Button1" type="button" value="搜索" οnclick="search()" />  
  27.     <table style="width: 100%;">  
  28.         <thead><tr><td>Title</td><td>Author</td><td>Year</td></tr></thead>  
  29.         <tbody id="tbody1">  
  30.         </tbody>  
  31.     </table>  
  32. </body>  
  33. </html>  
  34.   
  35.   
  36. <?xml version="1.0" encoding="utf-8" ?>  
  37. <bookstore>  
  38. 　　<book id="No1">  
  39.     　　<title>An Introduction to XML</title>  
  40.     　　<author>Chunbin</author>  
  41.     　　<year>2010</year>  
  42.     　　<price>98.0</price>  
  43.     　　  
  44.     </book>  
  45. 　　<book id="No2">  
  46.     　　<title>The Performance of DataBase</title>  
  47.     　　<author>John</author>  
  48.     　　<year>1996</year>  
  49.     　　<price>56.0</price>  
  50.     </book>  
  51. </bookstore>  
Tomsheng321
关注
专栏目录
jQuery xml字符串的解析、读取及查找方法
10-22
在处理XML字符串时，我们可以使用jQuery提供的API来解析、读取、遍历以及查询XML数据。这些操作对于进行网页编程的前端开发人员尤其重要。 在jQuery中，解析XML字符串通常使用$.parseXML()方法。这个方法可以将一个...
jquery解析xml字符串示例分享
12-03
代码如下:[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字符串或XML文件的方法
afa的专栏
08-20 139
1、读取XML字符串： 例如： $(document).ready(function(){ var xml = "&lt;xml&gt;&lt;root&gt;&lt;record&gt;&lt;name&gt;liubl&lt;/name&gt;&lt;/record&gt;&lt;record&gt;&lt;name&gt;chencp&lt;/n
Jquery 解析xml字符串
weixin_30421809的博客
07-15 61
来源：http://guolingfa.cn/Article/Details/5d81dbbdc4474b80be0e764942bc2223 解析方式一： $(function(){ var str="<xml><result><NewDataSet><Table><UserName>test1</Use...
jQuery解析xml文档
pclook的专栏
02-05 774
<br />data.xml<br /><?xml version=”1.0″ encoding=”utf-8″?> <root> <result> <status>1</status>”; <content><!--[CDATA["html内容]]></content> </result> <result> <status>2</status>”; <content><![CDATA["html内容]]--></content> </result> </root><br /> <br
解决IE中无法用jquery解析xml使用find的问题
qq_33203555的博客
08-15 937
如题：一般我们使用jquery来解析xml字符串只需要$(xml).find('')即可，这样的代码在谷歌中运行是没问题的，但是在IE浏览器中会出现找不到节点的问题。这时候我们就需要做下浏览器的兼容性处理了。处理函数如下：var _loadXML = function(xmlString){ var xmlDoc=null; //判断浏览器的类型 //
jquery读取xml文件实现省市县三级联动
hins
03-03 2511
jsp页面代码：（City.xml文件） <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> "> My
jquery解析XML字符串和XML文件的方法说明
12-11
本文将详细介绍如何使用jQuery解析XML字符串和XML文件。 首先，我们来看如何解析XML字符串。在给定的示例中，我们创建了一个XML字符串： ```javascript var xml = "<xml><root><record><name>liubl</name></record...
jquery解析xml字符串
深度工作，沉浸学习，自由生活，高效陪伴
11-26 104
[code="java"] function text() { var xmldoc = "111222"; $(xmldoc).find("first filename").each(function(i){ var id=$(this).text(); alert(id); }); } [/c...
XMLDOM对象方法：Document对象方法
ξσ Dicky's Blog σξ
04-15 2201
abort 方法 作   用 abort 方法取消一个进行中的异步下载 基本语法 xmlDocument.abort();说   明 如果这个方法在异步下载时被呼叫，所有的解析动作会停止，而且在内存中的文件会被释放。范   例xmlDocumentAppendChild 方法 作   用 加上一个节点当作指定节点最后的子节点。 基本语法 xmlDocumentNode.appendChild(ne
XML DOC解析
GressLove的博客
03-31 1829
1234中的1234本身也代表一个节点，只不过它是一个简单的TEXT节点 获取1234时也需要使用firstChild()方法来得到node节点 [employee: null]:Text节点 DOM介绍 优缺点分析 　　DOM: Document Object Model 文档对象模型。 　　在应用程序中，基于DOM的XML分析器将一个XML文档转换成一个对象模型的集合
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
JavaScript XML操作：解析文件与字符串用于支付接口
"Js+XML 操作应用：JS解析XML文件和XML字符串，常用于支付接口。此代码已亲测可用。" 在JavaScript中，XML（eXtensible Markup Language）通常用于数据交换，特别是在Web服务和旧版的前后端交互中。本示例主要展示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值