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


Posted in Javascript onSeptember 28, 2010

步骤:

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>
Javascript 相关文章推荐
Javascript 解疑
Nov 11 Javascript
Javascript变量函数浅析
Sep 02 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
Nov 29 Javascript
JavaScript使用yield模拟多线程的方法
Mar 19 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
JS异步宏队列微队列原理详解
Sep 09 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 Javascript
jquery选择器(常用选择器说明)
Sep 28 #Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 #Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
Sep 28 #Javascript
jquery控制listbox中项的移动并排序的实现代码
Sep 28 #Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 #Javascript
13个绚丽的Jquery 界面设计网站推荐
Sep 28 #Javascript
基于Jquery的动态添加控件并取值的实现代码
Sep 24 #Javascript
You might like
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
JS 建立对象的方法
2007/04/21 Javascript
JavaScript 事件对象的实现
2009/07/13 Javascript
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
jQuery 滑动方法slideDown向下滑动元素
2014/01/16 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
JS中sort函数排序用法实例分析
2016/06/16 Javascript
JavaScript之WebSocket技术详解
2016/11/18 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
VUE兄弟组件传值操作实例分析
2019/10/26 Javascript
pandas表连接 索引上的合并方法
2018/06/08 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
手写一个python迭代器过程详解
2019/08/27 Python
浅谈pytorch卷积核大小的设置对全连接神经元的影响
2020/01/10 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
自荐信写法介绍
2014/01/25 职场文书
学生会个人自荐书范文
2014/02/12 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
采购求职信
2014/03/17 职场文书
献爱心倡议书
2014/04/14 职场文书
课外活动总结范文
2014/07/09 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
食品卫生管理制度
2015/08/06 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书