javascript获取xml对象的方法(使用XMLHttpRequest)

最新推荐文章于 2021-08-11 23:24:54 发布
最新推荐文章于 2021-08-11 23:24:54 发布
阅读量1.2k 收藏
点赞数
分类专栏： web前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/biboheart/article/details/9184159
版权

javascript获取xml对象有几种方法，在网海中也有很多这方面的示例文章，这里我记录下整理后个人觉得很好的一种实现方法。

先建立一个xml文件：

<?xml version="1.0" encoding="gb2312"?>
<test>
    <name>name</name>
    <msn>ok@www.ok.cn</msn>
</test>


 

在同目录中建个html文件：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>test</title>
<script>
function getXMLHttpRequest(){
	var progId,
	progIds = ["MSXML2.XMLHTTP.6.0" , "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
	if (!window.ActiveXObject) {
		return new XMLHttpRequest();
	}else {
		for (var i  = progIds.length - 1; i >= 0; i--){
			try {
				return new ActiveXObject(progId = progIds[i]);
			} catch (ex) {
				progId = null;
			}
		}
	}
}
function loadClass(src){
	try{
		var xmlHttp = getXMLHttpRequest();
		xmlHttp.open("GET", src, false);
		xmlHttp.send(null);
		var stus = xmlHttp.status;
		if (stus == 200 || stus == 0 || stus == 304){
			return xmlHttp.responseText;
		}
	}catch(ex){
		alert("error!");
	}
}
var e = loadClass("xml.xml") ;
alert(e);
</script>
</head>
<body>
</body>
</html>


 

测试了ie和火狐浏览器，效果不错。

如果用ajax通过url取，把xmlHttp.send(null);var stus = xmlHttp.status;if (stus == 200 || stus == 0 || stus == 304){return xmlHttp.responseText;}放到ajax回调中。

 

碧波之心
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取xml数据
Misy
11-09 4496
var txt=""; txt=txt+"Everyday Italian"; txt=txt+"Giada De Laurentiis"; txt=txt+"2005"; txt=txt+""; var xmlDoc; if (window.DOMParser) { alert("window"); parser=new DOMParser(); xmlDoc=parser
JavaScript获取服务器时间的方法详解
10-20
Ajax，即Asynchronous JavaScript and XML（异步JavaScript和XML），是利用XMLHttpRequest对象实现的一种机制，它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。 以下是一个简单的JavaScript...
js访问xml之 各种对象的属性和方法
wjt276的专栏
08-24 172
[b]节点对象属性[/b] childNodes—返回节点到子节点的节点列表 firstChild—返回节点的首个子节点。 lastChild—返回节点的最后一个子节点。 nextSibling—返回节点之后紧跟的同级节点。 nodeName—返回节点的名字，根据其类型。 nodeType—返回节点的类型。 nodeValue—设置或返回节点的值，根据其类型。 ...
JS读取XML文件中的内容
s01896的博客
04-19 1406
1.使用方法 var tHdnBGM = GetRoleByXML("104","Role-Site","BG_Mananger"); //返回值为 H00001 var tHdnBGM2 = GetRoleByXMLValue("104","Role-Site","BG_Mananger"); //返回值为 H00001_张那 2.xml文件内容 <?xml version="1.0" encoding="UTF-8"?> <!-- 多值以 ":" 分隔 -->
获取xmlhttprequest对象
weixin_33682719的博客
11-12 90
/** * 获取XmlHttpRequest对象 */ function getXMLHttpRequest(){ var xmlHttpReq; try{ // Firefox, Opera 8.0+, Safari xmlHttpReq=new XMLHttpRequest(); } catch (e)...
xmlHttpResquest
long316的专栏
09-13 173
xmlHttpResquest对象介绍： http://www.w3school.com.cn/xml/xml_http.asp
JavaScript获取XML文件的数据
03-31
- **使用AJAX**：XMLHttpRequest对象是JavaScript中用于异步请求数据的主要工具，包括加载XML文件。通过创建XMLHttpRequest实例，设置HTTP请求，然后监听`onreadystatechange`事件，当状态变为4（表示请求已完成）...
javascript对XMLHttpRequest异步请求的面向对象封装
10-29
总的来说，这段代码展示了如何使用面向对象编程的思想来处理JavaScript中的XMLHttpRequest异步请求，包括请求的创建、发送、取消以及响应的处理，从而在不同的浏览器环境中提供了一致的接口。这种封装对于构建动态...
javascript XMLHttpRequest对象全面剖析
01-19
一、 引言　异步JavaScript与XML(AJAX)是一个专用术语，用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于，它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给...
AJAX XMLHttpRequest对象创建使用详解
10-14
AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下，能够更新部分网页的技术。XMLHttpRequest（简称XHR）对象是实现AJAX的核心，它允许JavaScript与服务器进行异步数据交换。在本文中，我们将...
javascript中XMLHttpRequest对象同步获取XML数据
ZDX_Y的博客
07-07 2985
XMLHttpRequest对象是一个利器，通过它可以在不重新加载整个页面的情况下实现对网页数据的局部更新，XML是用来存储传输数据的可扩展标记语言，这两个又是AJAX的核心。弄了个小例子捋一捋。new.xml来源于网络。test.html我放在我wamp环境下的www目录下，虽然并不影响运行。在这其中出现了XML数据无法读取的问题，我的这篇博客有具体的解决过程。<!DOCTYPE HTML> <h
JavaScript中的XMLHttpRequest对象
北辰
12-26 954
  1.什么是 XMLHttpRequest 对象？     XMLHttpRequest 对象用于在后台与服务器交换数据。     XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST请求以及普通的 GET 请求的能力。     XMLHttpRequest 对象是开发者的梦想，因为您能够： 在不重新加载页面的情况下更新网页 在页面已加载后从服务...
xmlhttprequest写文件_JavaScript实战001：XMLHttpRequest使用入门
weixin_39860919的博客
01-13 547
XMLHttpRequest简介 XMLHttpRequest是由微软提出的一个API接口，目的是为客户端提供与服务器之间传输数据的功能。XMLHttpRequest的特点是可以按需请求、局部刷新，不仅提高了服务器响应速度还可以避免不必要的宽带浪费。XMLHttpRequest提供了一个通过URL来获取数据的简单方式，通过它可以很容易的获取到URL上所有类型的资源数据。XMLHttpRequest...
js-ajax实现获取xmlHttp对象
chenwan2419的博客
09-25 86
//获取xmlHttp对象 function createXMLHttp() { var xmlhttp; //对于大多数浏览器适用 if (window.XMLHttpRequest) { xmlhttp ...
xml读取页面html文件,javascript如何读取xml文件？
weixin_33316599的博客
06-04 267
JavaScript是一种属于网络的脚本语言，通常通过嵌入在HTML中来实现自身的功能。XML文件格式是纯文本格式，在许多方面类似于HTML，XML由XML元素组成。JavaScript读取xml文件的方法：不同的浏览器对xml的解析方式不同，根据目前主流浏览器大致分三类：第一类，ie： js 提供用于创建 Automation对象的方法，new ActiveXObject("Microsoft....
XmlHttpResquest对象介绍
weixin_30387339的博客
09-08 236
目录 1. XmlHttpRequest对象的主要方法 2. XmlHttpResquest对象的主要属性 3. 发送GET请求 4. 发送POST请求 1. XmlHttpRequest对象的主要方法 void open(String method,Str...
前端读取服务器xml文件,前端利用XMLHttpRequest读取本地文本文件
weixin_39863155的博客
08-11 1463
问题前端常见是通过input按钮上传读取文件信息，此时知道本地文件路径需要直接js读取本地文件内的信息注意本地测试，需要解决本地浏览器跨域问题，如：解决利用XMLHttpRequest获取到文件的信息。/*** XMLHttpRequest.open() 初始化请求参数* XMLHttpRequest.send() 发送网络请求* XMLHttpRequest.onload() 监听请求结果* X...
JS XMLHttpRequest 学习总结
qq_40896725的博客
03-26 1897
http链接使用XMLHttpRequest，html5之后对XHR重新规范了定义，具体可以参考MDN Web docs / XMLHttpRequest js中可以通过new XMLHttpRequest()来声明，主要参数有： onreadystatechange : 属性状态readyState改变后就会回调的函数，用户在这里处理各种状态。 readyState：链接状态 response...
JS--AJAX获取XML数据、XMLHttpRequest对象响应属性
吴声子夜歌的博客
09-29 1939
XMLHttpRequest对象响应属性 XMLHttpRequest对象通过responseText、responseBody、responseStream或responseXML属性获取响应信息，说明如下： 响应信息 说明 responseBody 将响应信息正文以Unsigned Byte数组形式返回 responseStream 以ADO Stream对象形式返回响应字...
使用JavaScript解析xml文件或xml格式字符串
最新发布
05-30
可以使用JavaScript内置的XML解析器DOMParser来解析XML文件或XML格式字符串。下面是一个示例代码： ```javascript // 定义一个XML格式的字符串 var xmlString = '<root><person><name>张三</name><age>18</age></person></root>'; // 创建一个DOMParser对象 var parser = new DOMParser(); // 解析XML字符串 var xmlDoc = parser.parseFromString(xmlString, 'text/xml'); // 获取XML文档中的元素 var name = xmlDoc.getElementsByTagName('name')[0].childNodes[0].nodeValue; var age = xmlDoc.getElementsByTagName('age')[0].childNodes[0].nodeValue; // 打印结果 console.log('name:', name); console.log('age:', age); ``` 在上面的代码中，我们首先定义了一个XML格式的字符串，然后创建了一个DOMParser对象，使用parseFromString方法来解析XML字符串，最后从解析后的文档中获取元素并打印结果。 如果要解析XML文件，可以使用XMLHttpRequest对象来获取XML文件内容，然后再使用DOMParser解析。具体代码请参考下面的示例： ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 发送GET请求获取XML文件内容 xhr.open('GET', 'example.xml', true); xhr.send(); // 监听XML文件加载完成事件 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // 获取XML文件内容 var xmlString = xhr.responseText; // 创建DOMParser对象 var parser = new DOMParser(); // 解析XML字符串 var xmlDoc = parser.parseFromString(xmlString, 'text/xml'); // 获取XML文档中的元素 var name = xmlDoc.getElementsByTagName('name')[0].childNodes[0].nodeValue; var age = xmlDoc.getElementsByTagName('age')[0].childNodes[0].nodeValue; // 打印结果 console.log('name:', name); console.log('age:', age); } }; ``` 在上面的代码中，我们创建了一个XMLHttpRequest对象，使用GET请求获取XML文件内容，然后使用DOMParser解析XML字符串，最后从解析后的文档中获取元素并打印结果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值