jQuery_解析xml文件
来源:互联网 发布:网络信息安全认证 编辑:程序博客网 时间:2024/06/03 23:10
<?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>
1 0
- jQuery_解析xml文件
- jQuery_统计图插件-XML/SWF Charts
- XML----SAX解析XML文件
- XML---DOM4J解析XML文件
- XML DOM解析XML文件
- XML SAX解析xml文件
- XML jDOM解析XML文件
- XML DOM4J解析XML文件
- 解析XML文件___SAX解析
- java 解析 xml文件
- XML文件解析
- XML文件解析
- JstL解析XML文件
- xml文件解析办法
- DOM解析XML文件
- XML文件解析心得
- xml文件解析-SAX
- xml文件解析-DOM
- 2016年暑假总结
- 聊天界面之ListView
- 《Google C++ 编程风格指南》对于头文件的包含顺序
- linux常用环境变量和c/c++头文件/库路径环境变量
- C++指针的定义
- jQuery_解析xml文件
- 23种设计模式 第三部分 关系模式(2)模板方法模式
- 坚持#第23天~嘻嘻家玩了一天
- 网络异常,dns异常,qq能上但是网页打不开
- 修饰符(static、final、abstract)第一篇
- OpenGL + VS2015 + Windows10配置
- 折腾Ubuntu16.04
- C++指针 续
- QGroundControl —— MAVLink 命令