js加载XML字符串或文件

最新推荐文章于 2022-11-15 18:18:25 发布
最新推荐文章于 2022-11-15 18:18:25 发布
阅读量377 收藏
点赞数
分类专栏： JS


1. 加载XML文件

方法1：ajax方式。代码如下：

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
xhr.open("GET", "data.xml", false);
xhr.send(null);
var xmlDoc = xhr.responseXML;
console.log(xmlDoc);

（关于XMLHttpRequest对象的用法，请参加 http://www.w3school.com.cn/xmldom/dom_http.asp）

注意，代码第二行的“false”，表示不用异步。如果这里改为“true”，那么xmlDoc将得到null。因为js的异步操作，不会等待文件加载完，就直接执行下面的语句了。所以，我们这里必须设置为“false”，表示必须等待文件加载完，再执行以下操作，这样才能得到正确的xmlDoc。

这种方式兼容所有高级浏览器，建议采用这种方式加载。

 

方法2：IE的方式。代码如下：

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
xmlDoc.load("note.xml");
console.log(xmlDoc);

通过IE特有的ActiveXObject("Microsoft.XMLDOM")对象的load()方法加载文件。

注意，这里还是设置了异步是false，原因和方法1的一样。

 

方法3：Firefox的方式，代码如下：

var xmlDoc = document.implementation.createDocument("", "", null);
xmlDoc.async = "false";
xmlDoc.load("note.xml");
console.log(xmlDoc);

 

关于跨域加载：安全起见，现代浏览器不能跨域访问，即只能加载本机上的xml文件。

 

2. 加载XML字符串

先看代码：

复制代码 
 1       function LoadXmlText() {
 2 
 3             //拼接XML字符串
 4             var txt = '';
 5             txt = txt + "<note>";
 6             txt = txt + "<to>George</to>";
 7             txt = txt + "<from>John</from>";
 8             txt = txt + "<heading>Reminder</heading>";
 9             txt = txt + "<body>Don't forget the meeting!</body>";
10             txt = txt + "</note>";
11 
12             
13             if (window.DOMParser) {
14                 //非IE浏览器
15                 xmlDoc = (new DOMParser()).parseFromString(txt, "text/xml");
16             } else {
17                 //IE浏览器
18                 xmlDoc = new ActiveXObject("Microsoft.XMLDOM");         
19                 // 或者：xmlDoc = new ActiveXObject("MSXML2.DOMDocument");      
20 
21                 xmlDoc.async = "false";        //不启用异步，保证加载文件成功之前不会进行下面操作
22                 xmlDoc.loadXML(txt);
23             }
24 
25             console.log(xmlDoc);
26         }
复制代码

如果浏览器支持window.DOMParser对象，则直接用它的parseFromString()方法加载xml字符串。

IE浏览器不支持window.DOMParser，则用loadXML()加载。

代码中注释都写的很清楚。


转自：http://www.cnblogs.com/wangfupeng1988/p/3709924.html

ltonghuan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
09- webpack 加载数据文件 json、xml、csv
ZWQ0325的博客
07-18 2555
一、加载 json 文件 内置支持 JSON 解析，也就是说 import Data from './data.json' 默认将正常运行。 1.1 添加 json 文件 demo09 |- package.json |- webpack.config.js |- /dist |- bundle.js |- index.html |- /src |- 华...
webpack学习（二）：配置加载css, 图片, 字体, 数据(JSON, XML, CSV)等资源文件
qq593249106的博客
12-08 991
webpack初步配置参照 https://blog.csdn.net/qq593249106/article/details/84892069 demo地址: https://github.com/Lkkkkkkg/react-demo 配置css文件 webpack 视所有文件都为模块, css , 图片, 字体, 数据等静态资源都会打包进 js 文件, 所以会需要用到 loader 文件, ...
js便签笔记（8）——js加载XML字符串或文件
weixin_30587025的博客
05-05 68
1. 加载XML文件 方法1：ajax方式。代码如下： var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); xhr.open("GET", "data.xml", false); xhr.send(null); var xmlDoc ...
js加载xml（字符串或者文件）
Gdl.痕迹 的博客
12-17 346
1. 加载XML文件 使用ajax加载xml文件 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); xhr.open("GET", "data.xml", false); xhr.send(null); var xmlDoc = xhr.respons...
[JavaScript]函数loadXMLString
aas5002的专栏
04-02 226
Code 1functionloadXMLString(txt) 2{ 3try 4{//InternetExplorer 5xmlDoc=newActiveXObject("Microsoft.XMLDOM"); 6xmlDoc.async...
创建XMLHttpRequest对象高级进阶
木雷双雄7
03-20 612
所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均支持 XMLHttpRequest 对象。 语法：var xhr = new XMLHttpRequest(); IE浏览器中XMLHttpRequest对象是作为ActiveX控件实现的。 IE5和IE6语法： xhr = new ActiveXObject("Microsoft.X
js 加载并解析XML字符串的代码
12-09
JS加载xml文档实例books.xml 代码如下:<?xml version=”1.0″ encoding=”ISO-8859-1″?> <bookstore> ”children”> <title lang=”en”>www.jb51.net</title> <author>J K. Rowling</author> ...
JS解析XML文件和XML字符串详解
10-24
在本文中，我们将深入探讨如何使用JavaScript解析XML文件和XML字符串。 1. **解析XML文件** 在JavaScript中，解析XML文件通常涉及到异步加载和同步处理。对于不同的浏览器环境，有不同的实现方式： - **IE浏览器*...
jQ处理xml文件和xml字符串的方法(详解)
09-01
无论是通过`$.get()`、`$.ajax()`获取XML文件，还是通过`$.parseXML()`解析XML字符串，都能使我们轻松地访问XML文档中的各个元素，进行数据提取、更新或其他DOM操作。在实际开发中，灵活运用这些方法可以极大地提高...
js：js中加载js文件
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
11-15 2768
这个问题，之前没怎么想过，因为现在大部分时间我们都在搞 react、vue + webpack 这种有模块化的，所以基本上用 es module 就可以。一般最终形态都是 html 引入 script 标签，一些老项目可能需要一个 script 标签里的 js 引用另一个 js 文件，怎么办呢。
js解析xml字符串
Jinx
03-26 4068
loadXML = function(xmlString) { var xmlDoc=null; if(!window.DOMParser && window.ActiveXObject) { var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Mi
js xml字符串处理样例
ICode联盟
09-20 1245
function parseXML()  {  text="";  text=text+"George";  text=text+"John";  text=text+"Reminder";  text=text+"Don't forget the meeting!";  text=text+"";  try //Internet Explorer  {  xmlDoc=new
使用Js解析xml字符串和xml文件
amelons的博客
03-17 6033
我们比较熟悉java中的xml解析，有多种方式可以解析，下面看看js中怎么解析xml的，折腾一下午，总结一下： 本地解析xml字符串：xml样式： <note> <title>你是人间的四月天</title> <author>林徽因</author> <content> 我说 你是人间的四月天； 笑响点亮了四面风； 轻灵在春的光艳中交舞着变。
Webpack dev server热加载失败的解决办法
甘焕的博客
05-10 9698
利用Webpack dev server作为热加载服务器时，出现以下错误：XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No 'Access-Control-Allow-Origin' header is present on the requested res
怎么让一段xml被识别为字符串
weixin_30251587的博客
08-07 104
public static String decodeString(String strData) { strData = replaceString(strData, "<", "&lt;"); return strData; } public static String replaceString(S...
JavaScript解析XML,js解析xml字符串
热门推荐
方佳宇博客
12-06 3万+
JavaScript解析XML,js解析xml字符串
JavaScript操作XML
WenwenFighting1314的博客
10-01 769
JavaScript操作XML (一)JavaScript操作XML是通过XML DOM来完成的。 那么什么是XML DOM呢？ XML DOM 是：用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准XML DOM 定义了所有XML 元素的对象和属性，以及访问它们的方法（接口）。 也就是说： XML DOM 是用于查询、添加、修改、删除XML 元素
使用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、付费专栏及课程。

余额充值