扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > VUE >ajax如何遍历xml文档
  • 913

0
分享到

ajax如何遍历xml文档

2024-04-02 19:04:59 913人浏览 安东尼
摘要

小编给大家分享一下ajax如何遍历xml文档，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！XMLHttpRequest对象提供了

小编给大家分享一下ajax如何遍历xml文档，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

XMLHttpRequest对象提供了两个可以用来访问服务器响应的属性。第一个属性responseText将响应提供为一个串，第二个属性 responseXML将响应提供为一个XML对象。一些简单的用例就很适合按简单文本来获取响应，如将响应显示在警告框中，或者响应只是指示成功还是失 败的词

前面<ajax小结>中的例子是从XMLHttpRequest对象获取服务器响应，并使用XMLHttpRequest对象的responseText属性将响应获取为文本。
这次我们来使用XMLHttpRequest对象的responseXML属性，将结果获取为XML文档.这样一来，我们就可以使用W3C DOM方法来遍历XML文档。(前面文章或多或少讲过些DOM,在此不重复)

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对象
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();
//当XMLHttpRequest对象在请求过程中间状态改变的时候
//回来调用handleStateChange方法
flg.onreadystatechange = handleStateChange;
flg.open("GET", "parseXML.xml", true);
flg.send(null);
}
//处理函数
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;i<states.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>

以上是“ajax如何遍历xml文档”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网VUE频道！

--结束END--

本文标题: ajax如何遍历xml文档

本文链接: https://lsjlt.com/news/81065.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • ajax如何遍历xml文档
    小编给大家分享一下ajax如何遍历xml文档，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！XMLHttpRequest对象提供了...
    99+
    2024-04-02
  • JS如何遍历DOM文档树
    这篇文章将为大家详细讲解有关JS如何遍历DOM文档树，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。具体如下：一 介绍遍历文档树通过使用parentNode属性、first...
    99+
    2024-04-02
  • python如何遍历csv文件
    使用python遍历csv文件的方法：1.新建python项目；2.导入pandas模块；3.使用read_csv()函数打开文件；4.使用iterrows()方法遍历文件；具体步骤如下：首先，打开python，并新建一个python项目；...
    99+
    2024-04-02
  • 如何用Ajax读取xml文件
    本篇内容介绍了“如何用Ajax读取xml文件”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！ ...
    99+
    2024-04-02
  • Python中如何读取XML文档
    本篇文章给大家分享的是有关Python中如何读取XML文档，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。对于刚刚接触Python的初学者来说，他们在学习的过程中会逐渐的发现这一...
    99+
    2023-06-17
  • Python如何遍历子文件夹
    在Python中，可以使用`os`模块的`walk()`函数来遍历子文件夹。`walk()`函数会递归地遍历指定路径下的所有子文件夹...
    99+
    2023-09-13
    Python
  • JavaScript 中怎么利用DOM实现文档遍历
    本篇文章给大家分享的是有关JavaScript 中怎么利用DOM实现文档遍历，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。<!--<...
    99+
    2024-04-02
  • 如何使用sp_xml_preparedocument处理XML文档
    如何使用sp_xml_preparedocument处理XML文档，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。有时会在存储过...
    99+
    2024-04-02
  • python如何遍历查看csv文件
    这篇文章主要介绍python如何遍历查看csv文件，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！Python主要用来做什么Python主要应用于：1、Web开发；2、数据科学研究；3、网络爬虫；4、嵌入式应用开发；5...
    99+
    2023-06-14
  • python如何遍历文件夹下的文件
    python遍历文件夹下文件的方法：1、在python脚本中导入os模块；2、通过for循环语句实现遍历文件夹下文件操作即可。具体操作方法：首先需要在python脚本中导入os模块进行文件操作。import os通过for循环语句判断目录是...
    99+
    2024-04-02
  • python如何打开文件夹遍历文件
    在Python中，可以使用`os`模块来打开文件夹并遍历文件。下面是一个示例代码：```pythonimport os# 文件夹路径...
    99+
    2023-09-26
    python
  • php如何遍历array
    在php中遍历array的方法使用foreach循环遍历$arr = array('Hello','world','!');foreach($arr as $value){echo $valu...
    99+
    2024-04-02
  • TypeScript如何遍历Array
    这篇文章主要讲解了“TypeScript如何遍历Array”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“TypeScript如何遍历Array”吧！一、for..of 方法这是最常用的方法，...
    99+
    2023-07-02
  • golang如何遍历mysql
    随着数据量的不断增加，MySQL数据库成为了现代应用程序开发中最常用的数据库之一。在应用程序中，数据的处理往往需要对数据进行遍历和操作，这就需要使用一种高效的编程语言来实现。Golang作为一种快速、简单、可靠、开源的编程语言，被越来越多的...
    99+
    2023-05-15
  • 用DEDE5.7单页文档如何生成XML
    用DEDE5.7单页文档如何生成XML？用DEDE5.7单页文档生成XML的方法新建一个你要生成的模板（后缀为htm）推荐学习：dedecms教程例： 制作一个单独页面，生成xml文件频道管理 -- > 单独页面管理 -- >...
    99+
    2017-05-01
    DEDE
  • python如何遍历指定文件类型
    使用python遍历指定文件类型的方法：1.新建python项目；2.导入numpy和os模块；3.定义文件夹路径和文件类型；4.使用os.walk()方法遍历输出指定文件类型；具体步骤如下：首先，打开python，并新建一个python项...
    99+
    2024-04-02
  • dos下如何遍历目录和文件
    小编给大家分享一下dos下如何遍历目录和文件，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！===== 文件夹结构 ========================...
    99+
    2023-06-08
  • DOM如何实现遍历
    小编给大家分享一下DOM如何实现遍历，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！      遍历...
    99+
    2024-04-02
  • shell如何遍历数组
    这篇文章主要介绍了shell如何遍历数组，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 遍历数组array=( one&...
    99+
    2024-04-02
  • python如何反向遍历
    这篇文章主要介绍了python如何反向遍历，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。反向遍历colors = [&#...
    99+
    2024-04-02
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作