<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. iOS - 应用程序国际化

    开发的移动应用更希望获取更多用户,走向世界,这就需要应用国际化,国际化其实就是多语言.这篇文章介绍Xcode4.5以后的国际化,包括应用名国际化和应用内容国际化.如果是Xcode4.5之前版本请参考. ...

  2. 导航 -MapKit - 获取路线信息绘制导航路线

    #import "PPViewController.h" #import <MapKit/MapKit.h> #import "PPAnnotation.h& ...

  3. 国内物联网平台初探（八）：移动云OneNET

    国内物联网平台初探(八)——移动云OneNET 平台架构 数据模型 使用场景示意图 服务 IOT Paas 基础服务 为IoT开发者提供智能设备自助开发工具.后台技术支持服务,为您提供物联网专网.短彩 ...

  4. js中实现页面跳转

    1.在本页中跳转到指定页面 1.window.location.href方式    <script language="javascript" type="text ...

  5. NCPC 2012 Cookie Selection

    题目要求每次输出中间的那个数,如果数据很大肯定扛不住: 所以用两个优先队列来维护: 这样的话中间的那个数反正会在两个队列的任何一个的头部: 时间复杂度肯定比较小: 代码: #include <c ...

  6. CPU,MPU,MCU,SOC,SOPC联系与差别

    转自CPU,MPU,MCU,SOC,SOPC联系与差别 1.CPU(Central Processing Unit),是一台计算机的运算核心和控制核心.CPU由运算器.控制器和寄存器及实现它们之间联系 ...

  7. [wikioi]传纸条

    http://wikioi.com/problem/1169/ 棋盘型的动态规划,这道题可以看成是从左上角向右下角走两条不重合的路(除了开始和结尾).动态规划要想的是状态和阶段,状态是(x1,y1,x ...

  8. 子查询解嵌套in改写为exists

    SELECT * FROM (SELECT pubformdat0_.id id332_, pubformdat0_.domain_id domain2_332_, pubformdat0_.proc ...

  9. Android ActivityManagerService 基本构架详解

    学习AmS有段时日了,总结下,也好梳理一下自己的思路.小兵一个,有些地方理解不对,大家可以互相讨论,交流才有进步吗~~~ AmS可以说是Android上层系统最核心的模块之一,其主要完成管理应用进程的 ...

  10. Android 写文件到手机

    1)// 在手机中创建文件 FileOutputStream phone_outStream =this.openFileOutput("1.txt", Context.MODE_ ...