<html>

 <head></head>

 <script type="text/javascript">

 /*---定义一个全局变量xmlHttp来创建对象----*/

 var xmlHttp;

 function createXMLHttpRequest() {

     if (window.ActiveXObject) {

         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

     } else if (window.XMLHttpRequest) {

         xmlHttp = new XMLHttpRequest();

     }

 }

 /*---由onclick调用----*/

 function startRequest() {

     //创建XMLHttpRequest对象

     createXMLHttpRequest(); 

     //当XMLHttpRequest对象的状态发生改变时，触发handleStataChange，onreadystatechange用来设置回调函数

     xmlHttp.onreadystatechange = handleStataChange; 

     /*---open向服务器发送HTTP请求,打开xml文件夹下的Map.xml

            规定请求的类型、URL 以及是否异步处理请求。

         method：请求的类型；GET 或 POST

            url：文件在服务器上的位置

         async：true（异步）或 false（同步）

     ---*/

     xmlHttp.open("GET", "xml/Map.xml", true);

     xmlHttp.send(null);

 }

 /*---回调函数----*/

 function handleStataChange() {

     if (xmlHttp.readyState==4 && xmlHttp.status==200) { //表示请求完成了

        //responseXML属性将响应提供为XML对象

         var xmlDoc= xmlHttp.responseXML;

           //map获取Map.xml中id=1的那个节点。

        var map = xmlDoc.getElementById(1);

           //getElementsByTagName() 方法可返回带有指定标签名的对象的集合

 var src= map.getElementsByTagName("path")[0].firstChild.nodeValue

       alert("图片地址"+src);

     }

 }

 </script>

 <body>

 <form>

 <input type="button" value="异步请求入口" onclick="startRequest();">

 </form>

 </body>

 </html>
<?xml version="1.0" encoding="GBK"?>

<maps>

 <map id="1">

     <path>image/map/Map.jpg</path>

 </map>

</maps>

最后alert的结果就是：图片地址image/map/Map.jpg

用Ajax去读取服务器端的XML格式的数据的更多相关文章

  1. 原生java读取存储为xml格式的数据，并存储到java bean里

    一.举例读取的文件为:X-bond可交易债券信息_20180917.xml <?xml version="1.0" encoding="UTF-8"?&g ...

  2. C#操作数据表中XML格式的数据

    以前还真没有见过数据表中存储XML格式的数据,刚开始听说的时候,还以为是数据表中有XML的字段类型, 再了解,其实也就是字符串类型的,只不过字符串的格式是XML格式的.确实孤陋寡闻!汗... (可添加 ...

  3. scrapy 解析xml格式的数据

    XMLFeedSpider 主要用于 解析 xml格式的数据 创建一个scrapy 项目文件 scrapy startproject xxx 创建一个spider scrapy genspider - ...

  4. xml格式的数据转化成数组

    将得到的xml格式的数据转化成数组 <?php //构造xml $url = "http://api.map.baidu.com/telematics/v3/weather?locat ...

  5. 如何在JSP页面里面显示xml格式的数据

    正常情况下,在jsp页面里的标签里写xml格式的数据,在浏览器里面的页面里显示出来的是乱码. 为什么会显示乱码呢?原来xml标签在jsp里会被解析为浏览器对象,因为xml最开始被设计出来是 为了写网页 ...

  6. JAVA 读取xml格式的数据

    <?xml version="1.0" encoding="UTF-8"?> <column-enums> <type name= ...

  7. SpringMVC处理XML格式的数据

    1.搭建SpringMVC+spring环境 2.web.xml,Springmvc-config.xml.springMVC提供了处理xml格式请求响应的HttpMessageConverter,s ...

  8. Asp.net Core WebApi 支持json/xml格式的数据返回

    Asp.net core 在做webapi项目的时候,默认是只返回json格式的数据的,如果想要开启xml数据返回,需要在startup里配置如下: public void ConfigureServ ...

  9. dynamic解析Http xml格式响应数据

    继续上一篇 构建RESTful风格的WCF服务 ,咱已经把服务端的数据和服务准备好了,客户端调用 wcf rest接口后如何解析xml?下面使用dynamic关键字解析来至于WCF REST XML响 ...

随机推荐

  1. C# 在SQLite数据库中存储图像 z

    C# 在SQLite数据库中存储图像 更多 0 C# SQLite   建表语句 CREATE TABLE [ImageStore]([ImageStore_Id] INTEGER NOT NULL ...

  2. WARNING L15: MULTIPLE CALL TO SEGMENT

    原网页:http://www.cnblogs.com/CuriosityWzk/archive/2011/12/25/2301090.html WARNING L15: MULTIPLE CALL T ...

  3. Cocos2d-x 3.0 beta 中加入附加项目，解决无法打开包括文件:“extensions/ExtensionMacros.h”: No such file or directory”

    Cocos2d-x 3.0 Alpha 1开始 对目录结构进行了整合.结果有些附加项目也被在项目中被精简出去. 比如说如果你需要使用CocoStdio导出的JSON.或使用Extensions扩展库, ...

  4. ACM俱乐部算法基础练习赛（1）

    A: 水题 代码: #include<cstdio> #include<algorithm> using namespace std; ]; int n,m,c; int ma ...

  5. HTML5解决跨域问题

    HTML5解决跨域问题 由于浏览器的同源策略,网络连接的跨域访问是不被允许的,XHR对象不能直接与非同源的网站处理数据交互.而同源指的是什么呢?同源的范畴包括:规则(协议),主机号(域名.ip等),端 ...

  6. eclipse中配置c++开发环境 Eclipse + CDT + MinGW

    转自eclipse中配置c++开发环境 Eclipse + CDT + MinGW 基本框架:Eclipse + CDT + MinGW 背景知识: CDT:CDT 是完全用 Java 实现的开放源码 ...

  7. [wikioi]拦截导弹

    http://wikioi.com/problem/1044/ 这道题是DP.前一问很自然可以规约成最长不升(含等号下降)子序列.难点在后一问为何能规约成最长上升子序列.后来看了网上的回答,仍然没有简 ...

  8. TDBGrideh表头自动排序设置

    自动显示标题行的升降排序标志符(▽降序△升序)并做相应排序DBGridEh组件可以在标题行单元格中显示小三角形升.降排序标志符图片,在运行时可点击标题行,图片自动切换并做相应排序. 具体属性设置如下: ...

  9. vs2010自带的报表

    本例用来显示Northwind中的order details表中的数据交分组 1.建立一WinForm程序,并建立一数据库连接,选择order details表,此时会自动建立一个xsd的数据集类,如 ...

  10. perl unload utf-8 oracle Wide character in print at unload_oracle.pl line 105.

    #!/usr/bin/perl use DBI; use Encode; my $dbName = 'oadb'; my $dbUser = 'vxspace'; my $dbUserPass = ' ...