`
bleach0608
  • 浏览: 62045 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

javascript解析xml

阅读更多

xml文件格式:

<?xml version="1.0" encoding="GB2312"?> 

<classmates> 
  <student> 
     <sid>1</sid> 
     <sname>reqe</sname> 
     <gre>1700</gre> 
     <tse>120</tse> 
  </student> 
  <student> 
     <sid>2</sid> 
     <sname>rqerwe</sname> 
     <gre>1800</gre> 
     <tse>120</tse> 
  </student> 
  <student> 
     <sid>3</sid> 
     <sname>iuir</sname> 
     <gre>1700</gre> 
     <tse>120</tse> 
  </student> 
</classmates> 

 解析:

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  
    
    <title>JS解析XML示例</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">
	<script type="text/javascript">
	var http = createRequestObject();
	
	function createRequestObject() {
 	// find the correct xmlHTTP, works with IE, FF and Opera
 	var xmlhttp;
	 try {
	    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	    usewin = "msxml";
	 }
	 catch(e) {
	  try {
	      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	   	  usewin = "microsoft";
	  }
	  catch(e) {
	      xmlhttp=null;
	  }
	 }

	 if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {
	  	xmlhttp=new XMLHttpRequest();
	    usewin = "undefined";
 	}
 	return  xmlhttp;
	}
	
	function sendRequest() {
	var xmlurl="MyXML.xml";
	 try{
	  http.open("GET", xmlurl, true);
	  http.setRequestHeader('Content-Type',  "text/xml");
	  http.onreadystatechange = handleResponse;
	  http.send(null);
	 }
	 catch(e){
	  // caught an error
	  alert('Request send failed.');
	 }
	 finally{}
	
	}

	function handleResponse() {
	 try{
	  if((http.readyState == 4)&&(http.status == 200)){
	   var students = XMLHttpReq.responseXML.getElementsByTagName("student"); //得到所有的student结点数组
          for(var i =0;i<students.length;i++) 
          { 
                var stud = students[i]; //得一个stutdent结点
                var name = stud.getElementsByTagName("sname")[0].firstChild.data; //取结点里的数据
                var gre = stud.getElementsByTagName("gre")[0].firstChild.data; 
                var tse = stud.getElementsByTagName("tse")[0].firstChild.data; 
          } 
		       

	   

	  }
	 }catch(e){
	  alert('Response failed.');
	 }
	 finally{}
	}
	


</script>
  </head>
  
  <body onload="sendRequest()">
   	
  </body>
</html>

 

分享到:
评论

相关推荐

    使用javascript解析xml文件或xml格式字符串中文WORD版

    资源名称:使用Javascript解析xml文件或xml格式字符串 中文WORD版   内容简介: 本文档主要讲述的是使用Javascript解析xml文件或xml格式字符串;javascript中,不论是解析xml文件,...

    利用javascript解析XML

    利用javascript解析XML,来查询xml数据

    JavaScript解析XML文件,在网页上以目录树的形式显示

    2. **JavaScript解析XML**:JavaScript提供了两种主要的方式来解析XML,即`DOMParser`和`XMLHttpRequest`(也称为Ajax)。`DOMParser`可以将XML字符串转化为DOM对象,方便后续操作;`XMLHttpRequest`则可以异步加载...

    JavaScript解析XML实现多级级联下拉列表

    总结来说,实现JavaScript解析XML以创建多级级联下拉列表涉及的主要知识点包括:JavaScript基础、XML文件结构与解析、DOM操作、事件监听以及动态生成HTML元素。通过这些技术,可以构建出交互性强、用户体验良好的Web...

    JavaScript解析XML文档成树菜单

    总结,JavaScript解析XML文档成树菜单涉及到DOM解析、XMLHttpRequest或fetch请求、DOM遍历、HTML结构生成、事件处理等多个技术点。具体实现可能因XML结构和需求而异,但基本流程是相似的。阅读原博客(288976)可以...

    JAVASCRIPT解析XML的方法总结.pdf

    JAVASCRIPT解析XML的方法总结.pdf

    JavaScript解析XML的方法总结.

    ### JavaScript解析XML的关键方法 在给定的文件中,主要讨论了如何使用JavaScript来解析XML文件,并提供了一个具体的例子。以下是对这些关键方法的详细解释: #### 1. 加载XML文件 JavaScript解析XML的第一步是...

    JavaScript解析xml数据.js

    JavaScript解析xml数据

    javascript解析XML

    总结来说,JavaScript解析XML是Web开发中的重要技能,它允许开发者动态地处理和展示来自服务器的结构化数据,提高用户体验。DOM和SAX是两种主要的解析策略,其中DOM适用于小型XML文档,而SAX更适合处理大型文档。...

    javascript解析xml方法

    javascript解析xml方法,考虑多种浏览器

    JavaScript解析XML实现两级级联下拉列表

    2. **JavaScript解析XML**:在JavaScript中,`XMLHttpRequest`对象可以用来从服务器获取XML文件。一旦文件加载完成,我们可以使用`responseXML`属性来访问XML文档。然后,通过`documentElement`和`...

    Javascript解析xml文件及SSH实现登录构建结构树例子

    JavaScript是Web开发中不可或缺...通过分析和理解这些代码,你可以更好地掌握JavaScript解析XML、SSH登录以及MVC架构的应用。记住,实践是检验理论的最好方式,尝试自己动手实现这些功能,将有助于深化理解和提升技能。

    JavaScript解析XML文档成树菜单.chm

    JavaScript解析XML文档成树菜单.chm

    javascript解析xml文件

    JavaScript提供了DOMParser API和ActiveXObject(仅限于Internet Explorer)来解析XML。以下是对这个主题的详细阐述: 首先,我们需要了解XML(eXtensible Markup Language),它是一种用于存储和传输数据的标记...

    js解析XML文件

    JS 解析 XML 文件 作为一名 IT 行业大师,我将从给定的...使用 JavaScript 解析 XML 文件需要了解 XML 文档的结构和各个节点的类型,选择合适的解析方法,考虑浏览器兼容性问题,并掌握相关的 JavaScript 语法和方法。

    javascript解析xml字符串的函数

    总的来说,JavaScript解析XML字符串的关键在于处理不同浏览器的兼容性问题,使用`try...catch`结合`ActiveXObject`和`DOMParser`可以有效地实现这一目标。同时,理解XML文档的结构和DOM(文档对象模型)的概念对于...

    javascript 对xml文件解析

    ### JavaScript 对 XML 文件解析知识点详解 #### 一、XML 文件解析背景及意义 XML(Extensible Markup Language,可扩展标记语言)是一种用于标记数据的语言,主要用于传输和存储数据。在 Web 开发中,XML 常被...

Global site tag (gtag.js) - Google Analytics