jQuery_解析xml文件

原创 2016年08月28日 20:52:55
<?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>
</field>
<field Name="Name3">
<fieldname>域名</fieldname>
<datatype>类型</datatype>
</field>
</fields>

Ajax&jQuery第一种方案解析xml代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#log{
				width:600px;
				height:400px;
				border:solid 1px black;
			}
		</style>
		<script src="js/jquery-1.11.3.min.js"></script>
	</head>
	<body>
		<div id="log"></div>
		<input type="button" value="添加" id="btn" onclick="log(this.value)" />
	</body>
	<script>
		$(function(){
			 $.get("field.xml", function(data){
			    $(data).find('fields').find('field').each(function(index, ele){
			      var filename= $(ele).attr("Name");//读取节点属性
			      log(filename);
			      //alert(filename);
			      var fName = $(ele).find('fieldname').text();<span style="font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">//读取子节点的值</span>

			      log(fName);
			      //alert(fName);
			      var dataType = $(ele).find('datatype').text();
			      //alert(dataType)
			      log(dataType);
			      //log(filename"---"+fNmae+"----"+dataType);
			    });
			 });
		});
		//创建日志
		function log(txt){
			$("#log").html(txt+"<br/>"+$("#log").html());
		}
	</script>
</html>

如果读取的是xml字符串,则要注意一点,xml字符串的必然被"<xml>"和"</xml>"包围才可以被解析

$("<xml><root><item></item></root></xml>").find("item").length;

如果读取的xml是来于xml文件,这结合上面的那点,处理如下:

$.get("xmlfile.xml",function(xml){ 
  $(xml).find("item").length; 
});

Ajax&jQuery解析xml第二种方案

$(function(){
		$(document).ready(function() {
		<span style="white-space:pre">	</span>$.ajax({
			     url: 'field.xml',
			     dataType: 'xml',
			     success: function(data){
			       $(data).find("fields").find("field").each(function(index, ele) {
			       	var filename=$(ele).attr("Name");
			       	log(filename)
			        var fName = $(ele).find("fieldname").text();
				  	log(fName);
					var fType = $(ele).find("datatype").text();
				 	log(fType);
			      });
			    }
			  });
		});<span style="font-family: tahoma, arial, 宋体; line-height: 25.2px;">});</span>

相关文章推荐

jQuery 解析xml文件

  • 2012年10月28日 15:59
  • 180KB
  • 下载

Java乔晓松-jQuery中的事件和解析xml文件以及Aptana插件的安装

常用的遍历节点方法 取得匹配元素的所有子元素组成的集合: children(). 该方法只考虑子元素而不考虑任何后代元素. 取得匹配元素后面紧邻的同辈元素的集合(但集合中只有一个元素): nex...

jQuery解析xml文件,使用get方法实现省市县三级联动下拉框

GitHub源码下载: https://github.com/YanKuan-IT/Jquery_xml_ProvinceCityArea_getMethod.git省市县xml文档来自: http...

jQuery 解析xml文件

jquery xml解析 $(documen
  • male09
  • male09
  • 2017年04月03日 18:13
  • 121

jquery随记----ajax之取xml文件中的值

****************************************************************************************************...
  • bzuld
  • bzuld
  • 2011年09月15日 15:07
  • 798

C#+一般处理程序+jquery.uploadify 上传XML文件并插入数据库中

效果如图: 上传前 上传中 HTML代码:

[转]使用JQuery读取XML文件数据

通过JQuery框架为空白HTML文档加载 在开始之前我们需要做如下准备工作:1.创建一个名为DEMO.html空白html文件;(推荐使用Editplus 3创建)2.熟悉JQuery框架的基本语法...
  • yenange
  • yenange
  • 2011年04月21日 17:06
  • 924

jQuery读取XML文件

在最近项目中,ajax返回的数据格式为“XML”,如何对XML格式的数据进行解析?大部分项目如果使用ajax请求,返回数据格式基本上都是json格式;下面就以实际项目为例进行xml格式数据的分析。 ...
  • pvfhv
  • pvfhv
  • 2013年05月15日 12:50
  • 2836

jQuery 跨域请求问题和xml文件中带有命名空间的元素的访问

最近在做一个appstore的排行,需要请求道苹果的RSS,也就是xml文件,使用了jQuery方便的ajax请求,但是出现了跨域问题和访问xml文件的命名空间元素浏览器兼容性的 1.在苹果提供的x...
  • szb4321
  • szb4321
  • 2012年02月24日 09:55
  • 1671
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery_解析xml文件
举报原因:
原因补充:

(最多只允许输入30个字)