客户端 使用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 相关文章推荐
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
Oct 13 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
Nov 22 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
JavaScript实现星级评价效果
May 17 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
Oct 29 Javascript
JavaScript canvas实现流星特效
May 20 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
给海燕B411配件机起死回生配上件
2021/03/02 无线电
PHP Error与Logging函数的深入理解
2013/06/03 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
jquery随机展示头像代码
2011/12/21 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
JS中parseInt()和map()用法分析
2016/12/16 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
angularjs封装$http为factory的方法
2017/05/18 Javascript
webpack打包react项目的实现方法
2018/06/21 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
[01:23]2019完美世界全国高校联赛(春季赛)合肥全国总决赛
2019/06/10 DOTA
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
python计算圆周率pi的方法
2015/07/11 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
Python如何在windows环境安装pip及rarfile
2020/06/15 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
Android面试题及答案
2015/09/04 面试题
简历的个人自我评价范文
2014/01/03 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
业务内勤岗位职责
2014/04/30 职场文书
语文教育专业求职信
2014/06/28 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
元宵节寄语大全
2015/02/27 职场文书
运动会宣传稿100字
2015/07/23 职场文书
教学反思怎么写
2016/02/24 职场文书