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>

xml基础及其解析xml文档

xml基础及其解析xml文档xml基础及其解析xml文档 xml基础语法 中国特色乱码问题 写xml文件的工具 xml中使用的转义字符 处理指令已经过时 xml的两个重要的功能 xml注释 xml解析...
  • jpzhu16
  • jpzhu16
  • 2016年06月11日 22:09
  • 8185

python学习(一) 如何解析xml文件

最近迷恋上了python,因为脚本语言确实很强大,之前写的perl代码现在基本都看不明白了,因此果断放弃perl,投身python怀抱。 学习的一个好办法就是自己找问题,然后coding解问题。因此...
  • crazyjiang
  • crazyjiang
  • 2012年11月06日 20:54
  • 6784

简单看Spring源码--对xml文件解析

Spring如何解析xml配置文件? xml配置文件是Spring中极其重要的一部分,让我们一起看一下spring解析xml文件的。...
  • nihaogeyunyun
  • nihaogeyunyun
  • 2017年04月05日 21:51
  • 634

XML文件的解析、读取和生成(C/C++、win7、VS2010)

一.下载、安装libxml 下载地址http://zlatkovic.com/libxml.en.html进去后选择右侧Win32 binaries (FTP)即可进入FTP服务器下载。 ...
  • dyx810601
  • dyx810601
  • 2016年01月26日 14:39
  • 3496

C++ 使用TinyXML解析XML文件

1.介绍   读取和设置xml配置文件是最常用的操作,TinyXML是一个开源的解析XML的C++解析库,能够在Windows或Linux中编译。这个解析库的模型通过解析XML文件,然后在内存中生成...
  • zang141588761
  • zang141588761
  • 2015年10月28日 11:39
  • 343

通过浏览器界面编写xml文件、解析xml

基本思路 通过前台jiemi
  • xiangwangye66
  • xiangwangye66
  • 2014年08月09日 15:21
  • 857

xml文件四中解析方式

XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。小编将将简单介绍一下Java解析XML的四中方法。       基本的解析方式有两种,一种叫DOM,另一种叫SAX。...
  • u013036274
  • u013036274
  • 2016年09月11日 22:03
  • 1120

c语言解析xml文件

#include "stdafx.h" #include #include "Mytext.h" #include #include #include #include #include ...
  • mp295345033
  • mp295345033
  • 2016年04月13日 19:24
  • 356

接口中解析xml文件

在接口 代码     DocumentBuilderFactory domfac=DocumentBuilderFactory.newInstance(); DocumentBuilder dombu...
  • lyg642259806
  • lyg642259806
  • 2015年01月09日 17:12
  • 481

MapReduce处理xml文件(使用旧API)

1)MapReduce项目引入jar包:hadoop-streaming-2.6.5.jar 2)main函数主要代码段:JobConf jobconf = new JobConf(new Conf...
  • bloncar
  • bloncar
  • 2017年04月01日 09:17
  • 335
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery_解析xml文件
举报原因:
原因补充:

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