客户端使用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>

　　推荐阅读

　　代码经过精简后的仿QQ折叠菜单代码

SlideView 滑动展示效果 .sv3 dl, .sv3 dt, .sv3 dd{ padding:0; margin:0; } .sv3 { width:240px; border:1px solid #BFC7D9; } .sv3 dl { width:240px; height:380px; background:#EDF5>>>详细阅读

本文标题：客户端使用XML DOM加载json数据的方法

地址：http://www.17bianji.com/kaifa2/JS/25662.html

1/2 1

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

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