客户端 使用XML DOM加载json数据的方法

步骤：
　　1、引用Jquery
　　2、如果是IE，实例ActiveXObject；Firefox，实例DOMParser。
　　3、处理


代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="XmlDom._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

<script type="text/javascript">
//得到XML Dom
function LoadXML(XmlString) {
var xmlDoc;
//firefox等
if (!window.ActiveXObject) {
var parser = new DOMParser();
xmlDoc = parser.parseFromString(XmlString, "text/xml");
} else {
//IE
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
xmlDoc.loadXML(XmlString);
}
return xmlDoc;
}
function UseCllentXmlDom() {
try {
var string = "<Log><Content value='测试Xml Dom用法' /></Log>";
//加载
var xmlString = LoadXML(string);
var xmlContent = $(xmlString).find("Content");
if (xmlContent != null) {
$(xmlString).find("Content").each(function() {
var ContentValue = $(this).attr("value");
　　　　 　　　　//显示得到的数据
$("#DomValue").html(ContentValue);
});
}
}
catch (e) {
throw e;
}
}
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
<a style="cursor: pointer" onclick="UseCllentXmlDom()">调用客户端XmlDom</a>
<br />
显示数据：
<div id="DomValue">
</div>
</div>
</form>
</body>
</html>

在FireFox下，我测试时发现，将XML字符串直接给Jquery，Jquery也能直接处理；但在IE下不行。如下边代码。


代码如下:

<script type="text/javascript">
//仅在firefox下可行
function UseCllentXmlDom() {
try {
var string = "<Log><Content value='测试Xml Dom用法' /></Log>";
　　　　//取XML 字符串
xmlString = $(string);
var xmlContent = $(xmlString).find("Content");
if (xmlContent != null) {
$(xmlString).find("Content").each(function() {
var ContentValue = $(this).attr("value");
　　　　 　　　　//显示得到的数据
$("#DomValue").html(ContentValue);
});
}

}
catch (e) {
throw e;
}
}
</script>

赞 (0)

相关推荐

  • js使用递归解析xml

    xml结构: 复制代码 代码如下: <RightMenuItems>   <Item Code="New" Name="新建" GroupCode="Edit" GroupName="编辑"/>   <Item Code="Open" Name="打开" GroupCode="Edit" GroupName="编辑"&

  • JS操作XML实例总结(加载与解析XML文件、字符串)

    本文实例讲述了JS操作XML的方法.分享给大家供大家参考,具体如下: 我的xml文件Login.xml如下. <?xml version="1.0" encoding="utf-8" ?> <Login> <Character> <C Text="热血" Value="0"></C> <C Text="弱气" Value="1&qu

  • js 加载并解析XML字符串的代码

    JS加载xml文档实例books.xml 复制代码 代码如下: <?xml version="1.0" encoding="ISO-8859-1"?> <bookstore> <book category="children"> <title lang="en">www.jb51.net</title> <author>J K. Rowling</a

  • javascript实现加载xml文件的方法

    本文实例讲述了javascript加载xml文件的方法.分享给大家供大家参考,具体如下: //需要读取的xml文件 var uRl = "jsReadXml.xml"; var xmlDoc; //初始化,给上述定义变量赋值 // function showcurcity(){ if(window.ActiveXObject) { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="fal

  • JavaScript 解析读取XML文档 实例代码

    JavaScript解析读取XML文件,主要就是加载并解析XML文件,然后就可以测试解析的XML文件的内容,打印输出来. 在线演示:http://demo.jb51.net/js/2012/readxml/注:测试的时候需要在网站中测试,iis或apache中,注意不要本地双击运行测试index.htm 复制代码 代码如下: <html> <head> <title>我们</title> <script type="text/javascri

  • JS解析XML文件和XML字符串详解

    JS解析XML文件 <script type='text/javascript'> loadXML = function(xmlFile){ var xmlDoc=null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.

  • JS解析XML实例分析

    本文实例讲述了JS解析XML的方法.分享给大家供大家参考.具体实现方法如下: <script type="javascript"> var txt="<note>"; txt=txt+"<to>George</to>"; txt=txt+"<from>John</from>"; txt=txt+"<heading>Reminder&l

  • 关于JSP配置文件web.xml加载顺序详解

    一. 1.启动一个WEB项目的时候,WEB容器会去读取它的配置文件web.xml,读取<context-param>和<listener>两个结点. 2.紧急着,容创建一个ServletContext(servlet上下文),这个web项目的所有部分都将共享这个上下文. 3.容器将<context-param>转换为键值对,并交给servletContext. 4.容器创建<listener>中的类实例,创建监听器. 二. load-on-startup 元

  • JS解析XML的实现代码

    JS代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> //需要读取的xml文件 var uRl = "jsReadXml.xml"; var xmlDoc; //初始化,给上述定义变量赋值 // function showcurcity(){ if(window.ActiveXObject) { xmlDoc=new ActiveXObject(&

  • JQuery解析HTML、JSON和XML实例详解

    JQuery解析HTML、JSON和XML实例详解

    1.HTML 有的时候会将一段HTML片段保存在HTML文件中,在另外的主页面直接读取该HTML文件,然后解析里面的HTML代码片段融入到主页面中. fragment.html文件,其内容: 复制代码 代码如下: <div>hello Jquery</div> 在主页面 Test.html中解析代码 复制代码 代码如下: $("#a1").click(function(){     $("#div2").load('fragment.html

  • JSP基于dom解析xml实例详解

    本文实例讲述了JSP基于dom解析xml的方法.分享给大家供大家参考,具体如下: 初次学习用dom操作xml文件,有很多不足之处,牛人多给点建议,练习时我没对中文做乱码处理,也没做验证哦!O(∩_∩)O~ 实体类:User public class User { private String name; private String pwd; private String email; public String getName() { return name; } public void se

随机推荐