濮阳杆衣贸易有限公司

主頁 > 知識(shí)庫 > ajax遍歷xml文檔的方法

ajax遍歷xml文檔的方法

熱門標(biāo)簽:外呼系統(tǒng)獲取客戶手機(jī)號(hào) 上海浦東百度地圖標(biāo)注中心注冊(cè) 徐州電銷卡外呼系統(tǒng)供應(yīng)商 百靈鳥 科智聯(lián)智能電銷機(jī)器人 老虎郵局地圖標(biāo)注點(diǎn) 襄陽外呼系統(tǒng)接口 青海醫(yī)療智能外呼系統(tǒng)怎么樣 目標(biāo)三維地圖標(biāo)注

本文實(shí)例講述了ajax遍歷xml文檔的方法。分享給大家供大家參考。具體分析如下:

XMLHttpRequest對(duì)象提供了兩個(gè)可以用來訪問服務(wù)器響應(yīng)的屬性。第一個(gè)屬性responseText將響應(yīng)提供為一個(gè)串,第二個(gè)屬性 responseXML將響應(yīng)提供為一個(gè)XML對(duì)象。一些簡單的用例就很適合按簡單文本來獲取響應(yīng),如將響應(yīng)顯示在警告框中,或者響應(yīng)只是指示成功還是失 敗的詞
前面ajax小結(jié)>中的例子是從XMLHttpRequest對(duì)象獲取服務(wù)器響應(yīng),并使用XMLHttpRequest對(duì)象的responseText屬性將響應(yīng)獲取為文本。
這次我們來使用XMLHttpRequest對(duì)象的responseXML屬性,將結(jié)果獲取為XML文檔.這樣一來,我們就可以使用W3C DOM方法來遍歷XML文檔。(前面文章或多或少講過些DOM,在此不重復(fù))

OK,下面來看例子.

首先還是一段XML文檔代碼(parseXML.xml)如下:

parseXML.xml如下:

?xml version="1.0" encoding="UTF-8"?>
states>
north>
state>Minnesota/state>
state>Iowa/state>
state>North Dakota/state>
/north>
south>
state>Texas/state>
state>Oklahoma/state>
state>Louisiana/state>
/south>
east>
state>New York/state>
state>North Carolina/state>
state>Massachusetts/state>
/east>
west>
state>California/state>
state>Oregon/state>
state>Nevada/state>
/west>
/states>

MyJsp.jsp如下:

%@ 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 'MyJsp.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">
-->
/head>
script type="text/javascript">
var flg=false;
var requestType = "";
//得到XMLHttpRequest對(duì)象
function newXMLHttpRequest() {
var xmlreq = false;
if (window.XMLHttpRequest) {
xmlreq = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e1) {
try {
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {}
}
}
return xmlreq;
}
function startRequest(requestedList){
requestType=requestedList;
flg=newXMLHttpRequest();
//當(dāng)XMLHttpRequest對(duì)象在請(qǐng)求過程中間狀態(tài)改變的時(shí)候
//回來調(diào)用handleStateChange方法
flg.onreadystatechange = handleStateChange;
flg.open("GET", "parseXML.xml", true);
flg.send(null);
}
//處理函數(shù)
function handleStateChange(){
if(flg.readyState==4){
if(flg.status==200){
if(requestType=="north"){
listNorthStates();
}else if(requestType=="all"){
listAllStates();
}if(requestType=="south"){
listSouthStates();
}
}
}
}
//用于顯示NorthStates方法
function listNorthStates(){
var xmlDoc=flg.responseXML;
var northNode=xmlDoc.getElementsByTagName("north")[0];
var northStates=northNode.getElementsByTagName("state");
outputList("North States",northStates);
}
//用于顯示SouthStates方法
function listSouthStates(){
var xmlDoc=flg.responseXML;
var SouthNode=xmlDoc.getElementsByTagName("south")[0];
var SouthStates=SouthNode.getElementsByTagName("state");
outputList("South States",SouthStates);
}
//用于顯示AllStates方法
function listAllStates(){
var xmlDoc=flg.responseXML;
var allStates=xmlDoc.getElementsByTagName("state");
outputList("All States in Document", allStates);
}
//輸出元素并顯示于提示框中
function outputList(title,states){
var out=title;
var currState=null;
for(var i=0;istates.length;i++){
currState=states;
out=out+"\n-"+currState.childNodes[0].nodeValue;
}
alert(out);
}
/script>
body>
form action="#">
input type="button" value="View All Listed States"
  onclick="startRequest('all');"/>br>
input type="button" value="View All Listed Northern States"
  onclick="startRequest('north');"/>br>
input type="button" value="View All Listed Southern States"
  onclick="startRequest('south');"/>
/form>
/body>
/html>

希望本文所述對(duì)大家的Ajax程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • jQuery實(shí)現(xiàn)遍歷XML節(jié)點(diǎn)和屬性的方法示例
  • python xml.etree.ElementTree遍歷xml所有節(jié)點(diǎn)實(shí)例詳解
  • php遍歷解析xml字符串的方法
  • java遍歷讀取xml文件內(nèi)容
  • PHP遍歷XML文檔所有節(jié)點(diǎn)的方法
  • python目錄操作之python遍歷文件夾后將結(jié)果存儲(chǔ)為xml
  • asp.net Linq To Xml上手Descendants、Elements遍歷節(jié)點(diǎn)
  • Dom遍歷XML的一個(gè)例子,結(jié)果為樹狀結(jié)構(gòu)
  • Xml中使用foreach遍歷對(duì)象實(shí)現(xiàn)代碼

標(biāo)簽:佛山 揭陽 咸寧 股票 商洛 荊州 辛集 紅河

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax遍歷xml文檔的方法》,本文關(guān)鍵詞  ajax,遍歷,xml,文檔,的,方法,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ajax遍歷xml文檔的方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于ajax遍歷xml文檔的方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    驻马店市| 岑溪市| 大邑县| 伊春市| 蓝山县| 久治县| 甘德县| 包头市| 枣强县| 夏邑县| 双桥区| 柘荣县| 呈贡县| 诏安县| 信阳市| 容城县| 上蔡县| 和平区| 寿宁县| 大埔县| 桑日县| 深州市| 沁水县| 垣曲县| 南安市| 乾安县| 岢岚县| 乌什县| 镇康县| 鄢陵县| 钟祥市| 广宁县| 东辽县| 贵德县| 湖口县| 伊通| 平江县| 东丽区| 依安县| 永德县| 容城县|