`
風一樣的男子
  • 浏览: 62278 次
  • 性别: Icon_minigender_1
  • 来自: 粤东北山卡拉
社区版块
存档分类
最新评论

Ajax 解析 xml

阅读更多
响应类型必须设置为:
response.setContentType("text/xml;charset=utf-8");


// 创建 XMLHttpRequest 对象
var xmlHttp;

function loadXMLDoc(url) {
	xmlHttp=null;
	if (window.XMLHttpRequest){
	// code for IE7, Firefox, Mozilla, etc.
		xmlHttp=new XMLHttpRequest();
	} else if (window.ActiveXObject){
  	// code for IE5, IE6
  		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  	}
	if (xmlHttp!=null) {
  		xmlHttp.onreadystatechange=handleXmlResponse;
  		xmlHttp.open("GET",url,true);
  		xmlHttp.send(null);
  	} else {
  		alert("Your browser does not support XMLHTTP.");
  	}
}
// 回调函数
function handleXmlResponse() {
 	if (xmlHttp.readyState==4) {
	 	if(xmlHttp.status==200){
	 		var xmlDoc = xmlHttp.responseXML;
	 		xmlDoc.async=true;
	 		if(xmlDoc !== null){
		 		analyse(xmlDoc)
	 		}
	 	}
 	}
 }
 
 /**
  * 解析xml生成页面
  * analyse
  * @param {type} xmlDoc 
  */
  function analyse(xmlDoc) {
  	// 建立 table 
  	var div=document.createElement("div");
//  	div.id="edit";
	var table = document.createElement("table");
	table.cellspacing='1';
	table.cellpadding='2';
	table.style.textAlign="center";
	table.className="myTable";
  	var titleRow = table.insertRow(-1);
//  	titleRow.id="title_name";
  	// 得到标题
  	var headTitles = xmlDoc.selectNodes("//headTitle/item");
  	var total = headTitles.length;
  	for(var i=0; i<total; i++) {
  		var cell=titleRow.insertCell();
  		cell.innerHTML=headTitles[i].text;
  		cell.className="title";
  	}
	// 得到内容 	
  	var contents = xmlDoc.selectNodes("//content");
  	for(var i=0; i<contents.length; i++) {
  		var contentRow = table.insertRow(-1);
  		var timeCell=contentRow.insertCell();
                // 时间属性
		timeCell.innerHTML=contents[i].getAttribute("time");
		timeCell.className="body";
                // 跨列属性
  		var skip = contents[i].getAttribute("skip");
  		var items = contents[i].childNodes;
  		if(skip!==null) {
  			var skipCell=contentRow.insertCell();
  			skipCell.colSpan=skip;
  		} else {
	  		for(var j=0; j<items.length; j++) {
	  			var itemCell=contentRow.insertCell();
	  			itemCell.className="body";
	  			var item = items[j].childNodes;
	  			if (item.length > 0) {
		  			var innerTabel = document.createElement("table");
		  			innerTabel.className="myTable";
		  			for(var k=0; k<item.length; k++) {
		  				var link=item[k].firstChild.text;
		  				var tempStr=item[k].getAttribute("logType")+"_"+item[k].getAttribute("subType")+"_"+item[k].getAttribute("sn");
		  				var innerRow=innerTabel.insertRow();
		  				innerRow.id="panel_"+tempStr;
		  				var innerCell=innerRow.insertCell();
		  				innerCell.className="body";
		  				innerCell.innerHTML=item[k].getAttribute("logTime")+"<br />"+item[k].getAttribute("Transactor")+"<br />"+item[k].getAttribute("message");
		  				itemCell.appendChild(innerTabel);
					}
	  			}

	  		}
  		}
  	}
	div.appendChild(table);
	document.body.appendChild(div);
	// 调整页面
	mm_iframeAutoFit();
  }
  
0
0
分享到:
评论

相关推荐

    Ajax 解析XML+json总结

    下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理** 1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它允许浏览器向服务器发送异步请求,获取服务器响应,而无需重新加载整个页面。 2. *...

    使用Ajax解析xml实现省市县三级联动

    在本案例中,Ajax用于动态加载和解析XML文件,从而实现省市县的联动选择。 首先,我们需要一个XML文件,如`city.xml`,其中包含省、市、县的结构数据。例如: ```xml 省份A" postcode="10000"&gt; 城市A1" ...

    ajax获取服务器以xml形式输出省市数据,并获取数据绑定前台下拉框和实现联动

    接下来,我们需要解析XML数据。在JavaScript中,我们可以使用DOM(Document Object Model)接口来操作XML文档。例如,如果XML数据包含省市信息,我们可能有如下结构: ```xml 省份1 城市1-1 城市1-2 ...

    AJAX解析XML实例之下拉框省、市二级联动

    在本例中AJAX通过解析XML文件得到的数据传回到jsp页面,其中省市均是从数据库取到的值: jsp页面代码: 代码如下: &lt;&#37;@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%&gt; &lt;&#37; ...

    ajax发送xml-java解析xml.doc

    4. **服务器端解析XML**: 在Java服务器端,首先设置`Request.ContentEncoding`来处理可能的中文乱码问题。接着,使用`XmlDocument`类创建一个新的XML文档对象,并使用`Load()`方法从请求的输入流中加载接收到的XML...

    解析xml,ajax

    例如,使用`new DOMParser().parseFromString(xmlString, 'text/xml')`解析XML字符串。 - SAX(Simple API for XML)解析:SAX是基于事件驱动的解析方式,当解析到XML中的某个元素时,会触发相应的事件,如开始...

    JQuery+AJAX处理XML数据

    **jQuery + AJAX 处理 XML 数据** 在网页开发中,jQuery 和 AJAX 技术的结合是获取和操作服务器端数据的常见方式。本篇将详细探讨如何使用 jQuery 的 AJAX 功能来处理 XML(可扩展标记语言)数据。 **1. jQuery 和...

    ajax_xml下载效果

    【标签】"源码"和"工具"表明这篇博文可能包含实际的代码示例和可能使用的工具或库,如jQuery的Ajax方法或者用于解析XML的JavaScript库,如DOMParser。 【知识点详解】 1. **Ajax基础**: - Ajax的核心组件包括...

    用ajax函数读取xml,然后解析XML.html.rar

    用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的email属性,构造HTML字符串,通过append...

    js的XML解析器 可以解析XMl文件和XML字符串

    JavaScript中的XML解析器是用于处理XML数据的关键工具,它允许开发者在浏览器环境中解析XML文档或者XML字符串,从而在Web应用中有效地使用这些数据。XML(eXtensible Markup Language)是一种结构化数据语言,常用于...

    ajax发送xml请求小示例

    2. **解析XML响应**:当服务器返回XML数据时,我们可以使用DOM方法来解析和操作数据。 ```javascript var responseXML = xhr.responseXML; var rootElement = responseXML.documentElement; var childNodes = root...

    Ajax读取XML文件实例

    5. 解析XML响应:当请求成功并返回XML数据时,我们需要解析XML内容。JavaScript提供了DOMParser对象来实现这一点。 ```javascript var parser = new DOMParser(); var xmlDoc = parser.parseFromString(xhr....

    ajax的xml格式传输.rar

    在JavaScript中,可以使用DOM(Document Object Model)方法解析XML数据,例如`getElementsByTagName`、`getAttribute`等,以便于在客户端操作和展示这些数据。 XML格式的数据传输在一些场景下非常有用,比如当需要...

    Jquery Ajax解析XML数据(同步及异步调用)简单实例

    代码如下:$.ajax({ async: true, // 默认true(异步请求) cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。 type: “POST”, // 默认:GET 请求方式:[POST/GET] dataType: “xml”, //...

    用ajax函数读取xml,然后解析XML

    以下是使用DOM解析XML的示例: ```javascript function parseXML(xmlDoc) { var root = xmlDoc.documentElement; var nodes = root.getElementsByTagName('nodeName'); // 替换'nodeName'为实际节点名 for (var...

    php+ajax+xml.rar_ajax php 无刷新_ajax xml_php xml_php 例子_xml

    5. **前端处理响应**:AJAX回调函数接收到响应数据后,使用JavaScript解析XML,然后动态修改DOM(Document Object Model),更新网页上的相应元素,达到无刷新效果。 压缩包内的"php+ajax+xml"可能是实现这个功能的...

    Ajax_xml数据格式

    5. **解析XML**:使用DOM(Document Object Model)接口解析XML数据,提取所需信息。 6. **更新页面**:将解析后的数据插入到DOM树中的适当位置,实现局部刷新。 **DOM解析XML** DOM是XML文档的编程接口,它将XML...

    通过DOM和Ajax使用XML_从菜鸟到专家2006

    6. **Java和WinForm中的XML和Ajax**:Java的DOM解析库包括javax.xml.parsers和org.w3c.dom,而JavaServer Pages(JSP)和Servlet可以结合使用实现Ajax功能。WinForm则是.NET Framework下的Windows应用程序开发环境,...

    Ajax读取xml数据类型例子

    在JavaScript中,我们可以利用AJAX的异步特性,通过XMLHttpRequest对象来获取XML文件并解析其中的数据。 首先,我们需要创建一个XML文件,如`city.xml`,包含城市信息: ```xml 北京 上海 广州 深圳 ``` 接...

Global site tag (gtag.js) - Google Analytics