响应类型必须设置为:
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();
}
分享到:
相关推荐
下面我们将深入探讨Ajax解析XML和JSON的相关知识点。 **一、Ajax基本原理** 1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它允许浏览器向服务器发送异步请求,获取服务器响应,而无需重新加载整个页面。 2. *...
在本案例中,Ajax用于动态加载和解析XML文件,从而实现省市县的联动选择。 首先,我们需要一个XML文件,如`city.xml`,其中包含省、市、县的结构数据。例如: ```xml 省份A" postcode="10000"> 城市A1" ...
接下来,我们需要解析XML数据。在JavaScript中,我们可以使用DOM(Document Object Model)接口来操作XML文档。例如,如果XML数据包含省市信息,我们可能有如下结构: ```xml 省份1 城市1-1 城市1-2 ...
在本例中AJAX通过解析XML文件得到的数据传回到jsp页面,其中省市均是从数据库取到的值: jsp页面代码: 代码如下: <%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <% ...
4. **服务器端解析XML**: 在Java服务器端,首先设置`Request.ContentEncoding`来处理可能的中文乱码问题。接着,使用`XmlDocument`类创建一个新的XML文档对象,并使用`Load()`方法从请求的输入流中加载接收到的XML...
例如,使用`new DOMParser().parseFromString(xmlString, 'text/xml')`解析XML字符串。 - SAX(Simple API for XML)解析:SAX是基于事件驱动的解析方式,当解析到XML中的某个元素时,会触发相应的事件,如开始...
**jQuery + AJAX 处理 XML 数据** 在网页开发中,jQuery 和 AJAX 技术的结合是获取和操作服务器端数据的常见方式。本篇将详细探讨如何使用 jQuery 的 AJAX 功能来处理 XML(可扩展标记语言)数据。 **1. jQuery 和...
【标签】"源码"和"工具"表明这篇博文可能包含实际的代码示例和可能使用的工具或库,如jQuery的Ajax方法或者用于解析XML的JavaScript库,如DOMParser。 【知识点详解】 1. **Ajax基础**: - Ajax的核心组件包括...
用ajax函数读取xml,然后解析XML.html,ajax无刷新读取文件,先使用jQuery加载XML,然后建立一个代码片段,遍历所有student节点,获取id节点,获取节点文本,获取student下的email属性,构造HTML字符串,通过append...
JavaScript中的XML解析器是用于处理XML数据的关键工具,它允许开发者在浏览器环境中解析XML文档或者XML字符串,从而在Web应用中有效地使用这些数据。XML(eXtensible Markup Language)是一种结构化数据语言,常用于...
2. **解析XML响应**:当服务器返回XML数据时,我们可以使用DOM方法来解析和操作数据。 ```javascript var responseXML = xhr.responseXML; var rootElement = responseXML.documentElement; var childNodes = root...
5. 解析XML响应:当请求成功并返回XML数据时,我们需要解析XML内容。JavaScript提供了DOMParser对象来实现这一点。 ```javascript var parser = new DOMParser(); var xmlDoc = parser.parseFromString(xhr....
在JavaScript中,可以使用DOM(Document Object Model)方法解析XML数据,例如`getElementsByTagName`、`getAttribute`等,以便于在客户端操作和展示这些数据。 XML格式的数据传输在一些场景下非常有用,比如当需要...
代码如下:$.ajax({ async: true, // 默认true(异步请求) cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。 type: “POST”, // 默认:GET 请求方式:[POST/GET] dataType: “xml”, //...
以下是使用DOM解析XML的示例: ```javascript function parseXML(xmlDoc) { var root = xmlDoc.documentElement; var nodes = root.getElementsByTagName('nodeName'); // 替换'nodeName'为实际节点名 for (var...
5. **前端处理响应**:AJAX回调函数接收到响应数据后,使用JavaScript解析XML,然后动态修改DOM(Document Object Model),更新网页上的相应元素,达到无刷新效果。 压缩包内的"php+ajax+xml"可能是实现这个功能的...
5. **解析XML**:使用DOM(Document Object Model)接口解析XML数据,提取所需信息。 6. **更新页面**:将解析后的数据插入到DOM树中的适当位置,实现局部刷新。 **DOM解析XML** DOM是XML文档的编程接口,它将XML...
6. **Java和WinForm中的XML和Ajax**:Java的DOM解析库包括javax.xml.parsers和org.w3c.dom,而JavaServer Pages(JSP)和Servlet可以结合使用实现Ajax功能。WinForm则是.NET Framework下的Windows应用程序开发环境,...
在JavaScript中,我们可以利用AJAX的异步特性,通过XMLHttpRequest对象来获取XML文件并解析其中的数据。 首先,我们需要创建一个XML文件,如`city.xml`,包含城市信息: ```xml 北京 上海 广州 深圳 ``` 接...