客户端 使用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图像处理思路及实现代码
Dec 25 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
Javascript学习笔记之数组的构造函数
Nov 23 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
详解JavaScript的策略模式编程
Jun 24 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 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
一个简单的域名注册情况查询程序
2006/10/09 PHP
php删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
php DOS攻击实现代码(附如何防范)
2012/05/29 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
yii分页组件用法实例分析
2015/12/28 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
JavaScript 学习笔记(四)
2009/12/31 Javascript
Javascript MVC框架Backbone.js详解
2014/09/18 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
Vue组件化开发思考
2018/02/02 Javascript
原生JavaScript实现remove()和recover()功能示例
2018/07/24 Javascript
JavaScript中创建原子的方法总结
2018/08/26 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
开发Node CLI构建微信小程序脚手架的示例
2020/03/27 Javascript
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
Python translator使用实例
2008/09/06 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
Django--权限Permissions的例子
2019/08/28 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
TensorFlow使用Graph的基本操作的实现
2020/04/22 Python
使用python-cv2实现Harr+Adaboost人脸识别的示例
2020/10/27 Python
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
幼儿园中秋节活动方案2013
2014/01/29 职场文书
有兼职工作经历的简历自我评价
2014/03/07 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
2014年计生工作总结
2014/11/21 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
阿凡达观后感
2015/06/10 职场文书
严以用权专题学习研讨会发言材料
2015/11/09 职场文书
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫