客户端 使用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如何给&amp;lt;textarea&amp;gt;&amp;lt;/textarea&amp;gt;赋值
Apr 20 Javascript
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 Javascript
用JavaScript修改CSS属性的代码
May 06 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
Mar 18 Javascript
javascript深拷贝(deepClone)详解
Aug 24 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
jquery登录的异步验证操作示例
May 09 jQuery
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+dbfile开发小型留言本
2006/10/09 PHP
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
php三元运算符知识汇总
2015/07/02 PHP
PHP和Mysql中转UTF8编码问题汇总
2015/10/10 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
js实现密码强度检验
2017/01/15 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
python实现一次创建多级目录的方法
2015/05/15 Python
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
用Python画小女孩放风筝的示例
2019/11/23 Python
Python面向对象封装操作案例详解
2019/12/31 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
深入理解Python 多线程
2020/06/16 Python
Django项目创建及管理实现流程详解
2020/10/13 Python
美国知名的家庭连锁百货商店:Boscov’s
2017/07/27 全球购物
学校采购员岗位职责
2014/01/02 职场文书
手机促销活动方案
2014/02/05 职场文书
2014年物业管理工作总结
2014/11/21 职场文书
2015年班干部工作总结
2015/04/29 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
环保守法证明
2015/06/24 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL