客户端 使用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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
Mar 20 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
js判断子窗体是否关闭的方法
Aug 11 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
javascript中Date对象应用之简易日历实现
Jul 12 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
es6函数之严格模式用法实例分析
Mar 17 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基础知识:类与对象(1)
2006/12/13 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
PHP排序算法类实例
2015/06/17 PHP
PHP将页面中点击数量高的链接进行高亮显示的方法
2016/05/30 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
JQuery页面图片切换和新闻列表滚动效果的具体实现
2013/09/26 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
2015/11/09 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
2016/11/28 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
javascript闭包功能与用法实例分析
2017/04/06 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
JavaScript执行环境及作用域链实例分析
2018/08/01 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
js实现简单的秒表
2020/01/16 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
Python正则表达式如何匹配中文
2020/05/27 Python
python的链表基础知识点
2020/09/13 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
Wallis官网:英国女装零售商
2020/01/21 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
致跳高运动员广播稿
2014/01/13 职场文书
校友会欢迎辞
2014/01/13 职场文书
中学生评语大全
2014/04/18 职场文书
大学生应聘求职信
2014/05/26 职场文书
小学教师暑期培训心得体会
2016/01/09 职场文书
2016党员三严三实心得体会
2016/01/15 职场文书
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis