<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. MOS管体二极管的作用

    这里有两种解释: 1.mos管本身自带有寄生二极管,作用是防止VDD过压的情况下,烧坏mos管,因为在过压对MOS管造成破坏之前,二极管先反向击穿,将大电流直接到地,从而避免MOS管被烧坏. 2.防止 ...

  2. JavaScript高级之闭包的概念及其应用

    主要内容: 什么是闭包 闭包使用的一般模式 闭包都能做些什么 本文是我的JavaScript高级这个系列中的第二篇文章. 在这个系列中,我计划分析说明 一下JavaScript中的一些常用的而又神秘的 ...

  3. IP工具类——IpAddress.java

    根据IP地址获取详细的地域信息,也可通过 http://whois.pconline.com.cn/ 获取地址信息. 源码如下:(点击下载  IpAddress.java) import java.i ...

  4. 《Linux命令行大全》系列（三、Linux 系统）

    在<Linux命令行大全>一书中,第3章名称是 Linux 系统. 概念太大,不过该节内容却是 Linux 系统最为核心的基础——查看 Linux 系统. ls 命令 显示目录自身信息或目 ...

  5. BZOJ 1641: [Usaco2007 Nov]Cow Hurdles 奶牛跨栏

    Description Farmer John 想让她的奶牛准备郡级跳跃比赛,贝茜和她的伙伴们正在练习跨栏.她们很累,所以她们想消耗最少的能量来跨栏. 显然,对于一头奶牛跳过几个矮栏是很容易的,但是高 ...

  6. 在openshift上自定义node.js的版本

    https://github.com/ramr/nodejs-custom-version-openshift 由于是线上服务器,一步一步来: 先把上面的工程拉下来,覆盖到初始化的工程里,提交,让服务 ...

  7. 一周一话题之四（JavaScript、Dom、jQuery全面复习总结<jQuery篇>）

    -->目录导航 一. 初探Jquery 1. 介绍 2. 基础 二. Jquery操作 1. jQuery页面加载 2. 选择器 3. 操作Dom 三. Jquery进阶 1. 隐式迭代与链式编 ...

  8. Android Animation初识

    3.0以前,android支持两种动画模式,tween animation,frame animation,在android3.0中又引入了一个新的动画系统:property animation,这三 ...

  9. redis+PHP实现的一个优先级去重队列

    主要思路是用一个set做前端去重缓冲, 若干个list做后端的多优先级消息队列, 用一个进程来进行分发, 即从set中分发消息到队列. set缓冲的设计为当天有效, 所以有个零点问题,有可能在零点前s ...

  10. smoke kde binding

    1.git下来smokegen.smokeqt,qtruby2.安装qt4.8.5,ruby1.9.13.cmake,先smokegen,设置些环境变量参数之类的,一直下来应该没问题,all buil ...