在B/S系统中经常需要在客户端和服务器端之间交互数据,这些数据一般都是在客户端由Javscript组织然后发回服务器。对于一些复杂的数据我们一般用xml的格式组织。本文将给出javascript对xml的一些基本操作。
在javascript中是利用MSXml2组件对xml进行操作。该组件将xml加载到内存中形成一个树状的数据结构,可以利用XPath语言对其进行查询。
首先需要创建一个MSxml2.DOMDocument的对象,如下:
var xmlDoc = new ActiveXObject("MSxml2.DOMDocument");,如果是ie5以上版本可以这样:CreateObject(“Microsoft.XMLDom);
创建了dom对象以后就可以用它加载一个xml文件或一段xml字符串,如下:
var strFilePath = “file.xml”;
xmlDoc.load(strFilePath);//加载xml文件
var strXml = “<?xml,version=1.0?><root><node text=”Name”/></root>”;
xmlDoc.loadXml(strXml);//加载xml字符串
当然还可以创建一个空的DOCDocument,然后向里面填写内容。
首先要创建xml的头(<?xml,version=’1.0’?>),如下:
var = xmlDoc.createProcessingInstruction("xml","version='1.0'");
xmlDoc.appendChild(head);
接下来为xml创建节点,如下:
var rootNode = xmlDoc.createNode("1","Hello","");
//参数1-节点类型;参数2-节点名称;参数3-节点的命名空间
为节点创建属性,
var attribut = xmlDoc.createAttribute("Name");//参数-属性名称
Attribute.value = “programer”;//为属性赋值
rootNode.setAttributeNode(attribut);//将属性附加到节点上
为节点添加文本值,
rootNode.value = “Who am I”;
可以直接创建一个文本节点作为当前节点的子节点
rootNode.appendChild(xmlDoc.createTextNode(“Who am I”));
将节点添加到DOCDocument
xmlDoc.appendChild(rootNode);
当然还可以为一个节点创建子节点,如下
rootNode.appendChild(xnChileNode);
利用XPath查找节点,也可以查找节点集
Var myNode = xmlDoc.selectSingleNode(“//Hello/Node[@Text=’Who’]”);
//查找目标的根节点的节点名为Hello,这条语句查询的是Hello节点下的节点名为Node的节点中Text属性
//等于”Who”的节点
Var myNodeList = xmlDoc.selectNodes(“//Hello/Node);
//查询Hello节点下的全部Node节点
删除节点,删除时只能删除某一个节点下的子节点,而不能直接删除孙节点。
Var myNode = xmlDoc.selectSingleNode(“//Hello/Node[@Text=’Who’]”);
Var helloNode = xmlDoc.selectSingleNode(“//Hello”);
xmlDoc.removeChild(myNode);//错误
xmlDoc.removeChild(helloNode);//正确
helloNode.removeChild(myNode);//正确
保存结果。可以将xmlDoc中的内容保存到文件中,也可以直接获取它的xml字符串,如下:
xmlDoc.save(strFilePath);//保存到文件
alert(xmlDoc.xml);//输出xml字符串
分享到:
相关推荐
### JavaScript读取XML文件的方法详解 #### 一、引言 在现代Web开发中,XML(可扩展标记语言)作为一种轻量级的数据交换格式,在早期的Web应用中扮演着重要的角色。JavaScript作为前端的主要编程语言之一,具备强大...
总的来说,JavaScript操作XML和HTML是Web开发的基础技能,通过学习和熟练掌握这些技术,开发者能够构建功能丰富的、交互性强的网页应用。随着Web技术的不断发展,JavaScript在处理XML和HTML方面的能力也在不断提升,...
以上就是使用JavaScript操作XML文件的基本步骤和示例。在实际应用中,可能还需要考虑错误处理、兼容性问题以及更复杂的逻辑操作。理解并熟练运用这些技术,可以帮助开发者在前端环境中有效地处理和操作XML数据。
Javascript操作XML Dom学习资料
总结来说,JavaScript读取XML的基本流程包括: 1. 创建或获取XML文档对象,例如通过`new ActiveXObject("Microsoft.XMLDOM")`(在旧版IE中)或`new DOMParser().parseFromString(xmlString, "text/xml")`(在现代...
以上就是JavaScript操作XML的基本知识,包括创建XML对象、DOM操作、事件处理以及通过AJAX获取和解析XML数据的方法。理解这些概念和实践,将有助于你在实际项目中更好地处理XML数据。在提供的“JavaScript节点操作xml...
### JavaScript读取XML文件知识点详解 #### 一、XML与JavaScript简介 - **XML (Extensible Markup Language)**:一种标记语言,类似于HTML,用于存储和传输数据。它被设计成具有自描述性,使得数据在不同系统间...
JavaScript操作XML类主要涉及到在前端使用JavaScript与服务器之间交换数据,特别是XML格式的数据。XML(eXtensible Markup Language)是一种结构化数据语言,常用于Web应用程序的数据传输。以下是一些关键知识点: ...
在JavaScript中读取XML文件,主要是通过DOM(Document Object Model)接口来实现的。下面我们将深入探讨如何使用JavaScript来处理XML文件。 1. 创建XMLHttpRequest对象 JavaScript中读取XML文件首先需要创建一个...
JavaScript读取XML文件内容的过程就是这样,这涉及到异步请求、XML解析以及DOM操作。这个过程对于Web开发者来说是必不可少的技能,特别是在处理需要与服务器交换数据的应用中。理解并熟练掌握这些技术,将有助于构建...
JavaScript操作XML是一种常见的数据交互方式,特别是在Web应用程序中。XML(eXtensible Markup Language)是一种结构化数据格式,常用于存储和传输数据。而JavaScript作为客户端编程语言,提供了多种方式来解析、...
JavaScript操作XML是Web开发中的一个重要话题,特别是在早期的网页应用中,XML被广泛用于数据交换和存储。XML(eXtensible Markup Language)是一种结构化数据格式,它允许开发者定义自己的标记来组织和存储数据。...
提供了从url到XMLDOC和从xml文本到XMLDOC对象的方法
总结起来,"JavaScript读取XML节点生成多级菜单"这个任务涉及到XML解析、DOM操作、事件处理、CSS样式和性能优化等多个方面。通过这些知识点,我们可以构建出一个功能完整、交互友好的多级菜单系统。在实际开发中,还...
以下是一些关于如何在JavaScript中读取XML文件的关键知识点: 1. **DOM解析XML**: - 当XML文件在浏览器环境中加载时,浏览器会自动构建一个DOM树。JavaScript可以通过`document.implementation.createDocument()`...
在本文中,我们将探讨如何使用JavaScript操作XML文档来生成树形菜单。树形菜单是一种常见的用户界面元素,用于组织和展示层次结构的数据,如网站导航或文件系统。在这个例子中,我们将使用提供的XML数据来构建这样一...
JavaScript操作XML DOM对象是Web开发中的重要技能,尤其在处理数据交换、页面动态更新和跨平台通信时。本文将深入探讨这一主题,并结合JavaScript技巧,为开发者提供一个全面的指导。 1. **DOM(文档对象模型)基础...
接下来,我们来看一个简单的示例,用于演示如何使用JavaScript操作XML数据。 ```html <title>JavaScript 操作 XML 示例 <script language="javascript"> function test() { // 创建 DOM 对象 var xmlDoc = ...