`

js加载xml

    博客分类:
  • XML
阅读更多

1、Server.CreateObject("Microsoft.XMLHTTP"),浏览器中,自带的对象,就是一个处理请求返回xml对象的对象,Readystate是他的一个状态,是ajax的基础。利用它可以往后台的对象发送请求,并且可以接收返回,然后动态改变网页,达到很好用户体验。

2、Microsoft.XMLDOM相关资料是装载一个xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- 如果同时设置了encoding和standalone属性,standalone属性要位于encoding属性之后 -->
<book>
	<author>小定</author>
	<title>java web大全</title>
	<price>$5</price>
</book>




/*JavaScript加载XML文件*/
function loadXMLDoc(dname){
	try{
		//通过微软的XML解析器加载XML文件
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");//创建空的微软XML文档对象
		
	}catch(e){
		try{
			//通过其他浏览器的XML解析器加载XML文件
			xmlDoc = document.implementation.createDocument("","",null);//创建空的XML文档对象
			
		}catch(e){alert(e.message)}
	}
	try{
		xmlDoc.async = false;//关闭异步加载
		xmlDoc.load(dname);//加载名为"xxx.xml"的文档
		return(xmlDoc);
	}catch(e){alert(e.message)}
	return(null);
	
}

function loadXMLDocByHttp(dname){
	
	if(window.XMLHttpRequest){
	
		xhttp = new XMLHttpRequest();//其他浏览器,创建空的XMLHTTP对象(包括IE7+)
		
	}else{
	
		xhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建空的微软XMLHTTP对象(老版本的IE5和IE6)	
	}
	xhttp.open("GET",dname,false);//打开XMLHTTP对象
	xhttp.send();//发送XMLHTTP对象
	xmlDoc =  xhttp.responseXML;//获得XMLDoc对象
	return xmlDoc;
}

/*加载XML字符串*/
function loadXMLString(txt){

	if(window.DOMParser){//其他浏览器
	
		parser = new DOMParser();
		xmlDoc = parser.parseFromString(txt,"text/xml");//创建空的XML文档对象
		
	}else{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");//创建空的微软XML文档对象
		xmlDoc.async = "false";//关闭异步加载
		xmlDoc.loadXML(txt);
	}

	return xmlDoc;

}



<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="loadxmldoc.js"></script>
  </head>
  
  <body>
    <script type="text/javascript">
		xmlDoc=loadXMLDoc("book.xml");
		xmlDocHttp = loadXMLDocByHttp("book.xml");
		
		document.write("xmlDoc is loaded, ready for use");
		document.write("xmlDocHttp is loaded, ready for use");
		document.write("</br>");
		
		var arr = xmlDoc.getElementsByTagName("title");
		for(var i=0;i<arr.length;i++){
			var oXMLNode = arr[i];
			document.write("节点名称: "+oXMLNode.nodeName);
			document.write("</br>");
			document.write(oXMLNode.text);
			document.write("</br>");
			document.write(oXMLNode.nextSibling.nodeName+"  ");//返回下一个同级节点
			document.write(oXMLNode.previousSibling.nodeName);//返回前一个兄弟节点
			document.write("</br>");
			document.write(oXMLNode.parentNode.nodeType+"  ");//父节点
			document.write(oXMLNode.parentNode.nodeName+"  ");
			document.write(oXMLNode.parentNode.nodeValue);
			document.write("</br>");
			var arrXMLNodes = oXMLNode.childNodes;//子节点数组
			for(var j=0;j<arrXMLNodes.length;j++){
				document.write(arrXMLNodes[j].nodeName);
				document.write("</br>");
				document.write(arrXMLNodes[j].nodeType);
				document.write("</br>");
				document.write(arrXMLNodes[j].nodeValue);
			}
			
		}

	</script>
  </body>
</html>

分享到:
评论

相关推荐

    javascript加载xml文件和xml字符串的类

    本篇文章将深入探讨如何使用JavaScript加载XML文件和XML字符串,主要涉及DOM和XMLHttpRequest两种方法。 **1. DOM(Document Object Model)方式加载XML** DOM是一种标准,它允许程序和脚本动态更新、添加、删除和...

    js 操作页面加载xml

    首先,我们需要了解如何使用JS来加载XML文件。这通常通过XMLHttpRequest对象或现代浏览器提供的fetch API实现。下面以XMLHttpRequest为例: 1. 创建XMLHttpRequest实例: ```javascript var xhr = new ...

    JavaScript加载xml

    JavaScript加载XML是Web开发中的一个常见任务,尤其在构建动态网页和富客户端应用时。XML(eXtensible Markup Language)是一种数据交换格式,它独立于软件和硬件,用于存储和传输结构化数据。JavaScript,作为...

    通用的js加载xml

    通用的js加载xml函数,利于加载需要大于20个字符,不支持HTML标签需要大于20个字符,不支持HTML标签需要大于20个字符,不支持HTML标签需要大于20个字符,不支持HTML标签需要大于20个字符,不支持HTML标签

    javascript加载xml 并解析各节点的值(实现方法).docx

    #### 一、JavaScript加载XML文件 为了在JavaScript中加载XML文件,我们需要创建一个XML DOM对象。根据浏览器的不同,创建DOM对象的方法也有所不同: 1. **IE浏览器**: - 使用`ActiveXObject`创建XML DOM对象。 ...

    js加载xml并读取节点(JS loads XML and reads nodes).pdf

    js加载xml并读取节点(JS loads XML and reads nodes)

    实现跨frame的js加载xml动态生成的菜单

    标题提到的"实现跨frame的js加载xml动态生成的菜单"是一个解决方案,它利用JavaScript(js)和XML(Extensible Markup Language)来创建一个可以在多个iframe之间共享的动态菜单。这个技术尤其适用于构建复杂的Web...

    JAVASCRIPT加载XML文档及操作XML文档的方法[归类].pdf

    以下是关于JavaScript加载和操作XML文档的关键知识点: 1. **XML解析器**: - 所有现代浏览器(如IE、Firefox、Chrome、Safari等)都内置了XML解析器,用于将XML文档转换为可被JavaScript访问的DOM(Document ...

    XML应用开发(软件品牌)-1期 6.2 案例分析-加载XML文档.doc

    在这个案例中,我们将探讨如何使用JavaScript加载XML文档。 首先,要创建一个DOM对象来解析XML文档。在IE浏览器中,我们可以使用ActiveXObject来创建这个对象,例如: ```javascript xmlDoc = new ActiveXObject(...

    readxml flex加载xml文件

    使用XMLLoader,可以异步加载XML,这意味着主程序不会因为等待XML加载而阻塞。下面是一个简单的使用XMLLoader的例子: ```actionscript var xmlLoader:URLLoader = new URLLoader(); xmlLoader.dataFormat = ...

    JS读取XML例子(兼容IE和FF).rar

    HTML文件会通过JavaScript加载XML,并展示如何在不同的浏览器环境中读取和操作XML数据。通过学习和理解这个例子,你可以掌握如何在实际项目中实现跨浏览器的XML处理。 总之,JavaScript与XML的交互是Web开发中常见...

    js解析XML文件

    使用 JavaScript 我们可以加载和保存 XML 文件,包括从文件中加载 XML 文件和将 XML 文件保存到文件中。 浏览器兼容性 在使用 JavaScript 解析 XML 文件时,需要考虑浏览器兼容性问题。不同的浏览器有不同的实现...

    js-xml.rar_javascript_javascript xml_js xml_js解析xml_xml js

    AJAX(Asynchronous JavaScript and XML)技术通常使用`XMLHttpRequest`对象来异步加载XML文件。通过`open()`方法设置请求类型、URL和异步模式,然后用`send()`方法发送请求。当请求完成,`onreadystatechange`事件...

    Javascript解析服务器端XML文件

    以下是一个基本的示例,展示了如何使用JavaScript加载XML文件并进行解析: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'server_side_menu.xml', true); xhr.onreadystatechange = function() ...

    javascript读写XML文件

    在JavaScript中,我们通常使用`DOMDocument`对象来创建或加载XML文档。首先,我们需要通过`new ActiveXObject`或`new DOMParser`方法创建一个`DOMDocument`实例。在Internet Explorer中,推荐使用`Msxml2.DOM...

    javascript实现加载xml文件的方法.docx

    ### JavaScript 实现加载 XML 文件的方法 #### 概述 在 Web 开发中,XML(可扩展标记语言)常被用于存储和传输数据。利用 JavaScript 可以方便地处理 XML 数据,例如从服务器加载 XML 文件,并从中提取所需的信息...

    JavaScript获取XML文件的数据

    - **使用AJAX**:XMLHttpRequest对象是JavaScript中用于异步请求数据的主要工具,包括加载XML文件。通过创建XMLHttpRequest实例,设置HTTP请求,然后监听`onreadystatechange`事件,当状态变为4(表示请求已完成)...

    jQuery加载并解析XML

    下面是一个使用`$.ajax()`加载XML的基本示例: ```javascript $.ajax({ type: "GET", url: "data.xml", // XML文件路径 dataType: "xml", success: function(xml) { parseXML(xml); }, error: function...

    JS 读取 XML 生成树

    XMLHttpRequest或更现代的fetch API可以用来从服务器加载XML文件。以下是一个简单的例子,展示如何使用XMLHttpRequest来获取XML文件: ```javascript // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); ...

    js读取xml文件并获取文件内容

    在现代Web开发中,JavaScript(简称JS)常被用于处理各种数据格式,包括XML。XML(可扩展标记语言)是一种常用的标记语言,主要用于结构化数据的存储与传输。通过JavaScript可以方便地解析XML文档,提取所需的数据,...

Global site tag (gtag.js) - Google Analytics