客户端 使用XML DOM加载json数据的方法_Javascript教程-查字典教程网
客户端 使用XML DOM加载json数据的方法
客户端 使用XML DOM加载json数据的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:步骤:1、引用Jquery2、如果是IE,实例ActiveXObject;Firefox,实例DOMParser。3、处理复制代码代码如下:...

步骤:

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类