js解析 XML 字符串 - 跨浏览器实例
<html>
<body>
<script type="text/javascript">
text="<bookstore>"
text=text+"<book>";
text=text+"<title>Everyday Italian</title>";
text=text+"<author>Giada De Laurentiis</author>";
text=text+"<year>2005</year>";
text=text+"</book>";
text=text+"</bookstore>";
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(text);
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(text,"text/xml");
}
catch(e) {alert(e.message)}
}
try
{
document.write(xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue);
document.write("<br />");
document.write(xmlDoc.getElementsByTagName("author")
[0].childNodes[0].nodeValue);
document.write("<br />");
document.write(xmlDoc.getElementsByTagName("year")
[0].childNodes[0].nodeValue);
}
catch(e) {alert(e.message)}
</script>
</body>
</html>
输出：
Everyday Italian
Giada De Laurentiis
2005
分享到：
相关推荐
本实例详细介绍了如何使用JavaScript加载和解析XML字符串，并展示了如何将提取的数据动态显示在网页上。这对于构建高效、响应式的Widget应用来说是非常有用的技能。通过这种方式，我们可以轻松地与服务器进行通信，...
一旦XML文档加载完成，我们可以使用DOMParser API来解析XML字符串，这是一个在所有现代浏览器中都可用的接口： ```javascript function parseXML(xmlString) { const parser = new DOMParser(); return parser....
### Ext解析XML实例 #### 核心概念 - **ExtJS**：一个用JavaScript编写的前端框架，用于构建交互式的Web应用程序。 - **XML**（可扩展标记语言）：一种用于存储和传输数据的标准格式，它以人类可读的形式定义了数据...
如果支持，我们创建一个新的`DOMParser`实例，然后使用`parseFromString`方法解析XML字符串。 这个函数的主要目标就是尽可能地在所有浏览器中提供一致的XML解析功能。通过这种方式，开发者可以在不考虑浏览器兼容性...
通过上述内容的总结，我们能够了解到JavaScript加载与解析XML文件及字符串的具体方法和技巧，并通过实例学习到如何将这些理论应用到实际开发中。这要求开发者具备良好的JavaScript基础知识和对DOM操作的深入理解，...
我们可以创建一个DOMParser实例，然后使用`parseFromString()`方法解析XML字符串。 ```javascript let parser = new DOMParser(); let xmlString = "<root><item id='1'>Item 1</item></root>"; let xmlDoc = ...
1. **JavaScript解析XML**：在JavaScript中，可以使用`DOMParser`对象或者`ActiveXObject`(仅限于IE浏览器)来解析XML文档。`DOMParser`是W3C标准，支持所有现代浏览器。例如： ```javascript var parser = new DOM...
你可以创建一个`DOMParser`实例，然后调用其`parseFromString()`方法将XML字符串转换为DOMDocument对象。例如： ```javascript const parser = new DOMParser(); const xmlDoc = parser.parseFromString(xml...
- **加载xml字符串**：同样可以使用XMLHttpRequest对象或其他技术。 - **selectNodes()、selectSingleNode()方法**：这些方法用于查询XML文档中的节点。 - **xml属性**：学习如何访问和操作XML文档中的属性。...
如上面的fetch示例所示，我们使用`parseFromString`方法解析XML字符串。 ```javascript var parser = new DOMParser(); var xmlDoc = parser.parseFromString(xmlData, 'text/xml'); ``` 3. **遍历XML节点** -...
- 加载完成后，可以使用`DOMParser`对象将XML字符串转换为DOM（文档对象模型）树，然后通过DOM API遍历和操作数据。 3. **XMLHttpRequest加载XML**： - 创建XMLHttpRequest实例，设置请求类型（GET）、URL（XML...
本教程旨在深入解析XML的基本概念、语法规范以及实际应用，通过丰富的原代码实例帮助读者掌握XML的核心技能。 XML的设计目标是传输和存储数据，而非展示数据，这使得它在不同系统间交换数据时非常有用。相比于HTML...
总的来说，通过JavaScript读取XML文件需要异步加载XML数据，然后使用DOM解析XML字符串。在实际项目中，还可以考虑使用jQuery、axios等库来简化XML处理。同时，理解XML和DOM的概念对于JavaScript开发者来说是非常重要...
2. **JSON字符串转换**：Ajax请求返回的数据通常是JSON格式的字符串，需要使用`JSON.parse()`方法将其转化为JavaScript对象。 3. **JSON对象操作**：JavaScript对象可以直接通过点号或方括号操作符访问属性，也可以...
虽然在客户端使用JavaScript直接保存XML文件存在限制（通常需要在服务器端处理），但在某些情况下，可以使用`save`方法（仅限于IE）或通过`toString`方法获取XML文档的字符串表示，然后通过AJAX请求或其他方式将其...
你可以创建一个XMLHttpRequest对象，发送GET请求获取XML数据，然后用`DOMParser.parseFromString()`解析XML字符串。 5. **ctreeect控件**： "ctreeect"可能是对某种树形控件的误写，常见的Windows控件有`CTreeCtrl...
若要解析XML字符串，可以使用DOMParser对象。这个对象提供了parseFromString方法，该方法接受XML字符串和内容类型（"text/xml"）作为参数，并返回一个DOM对象。 解析XML文档或字符串的代码示例展示了如何使用DOM...
使用`DOMParser`将XML字符串转换为DOM树。之后，可以遍历DOM树来提取所需的信息。例如： ```javascript function parseRSS(xmlData) { var parser = new DOMParser(); var xmlDoc = parser.parseFromString...
当浏览器支持DOMParser时，可以创建DOMParser实例，通过parseFromString方法来解析XML字符串。而IE浏览器则需要使用ActiveXObject来加载XML DOM，设置为同步模式后，使用loadXML方法加载XML字符串。示例代码中展示了...
- 使用`DOMParser`：JavaScript提供了一个内置对象`DOMParser`，可以将XML字符串解析为DOM（Document Object Model）树。例如： ```javascript var parser = new DOMParser(); var xml = parser.parseFromString...