<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Response</title>

 </head>

 <script>

     /**

      * 如果需要获得来自服务器的响应请使用XMLHttpRequest对象的responseText或responseXML属性

      * 比如：document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

      * 如果来自服务器的响应是XML并且需要作为XML对象进行解析，请使用responseXML属性

      */

     function loadXMLDoc()

     {

         var xmlhttp;

         var txt,x,i;

         if (window.XMLHttpRequest)

         {// code for IE7+, Firefox, Chrome, Opera, Safari

             xmlhttp=new XMLHttpRequest();

         }

         else

         {// code for IE6, IE5

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

         }

         xmlhttp.onreadystatechange=function()

         {

             if (xmlhttp.readyState==4 && xmlhttp.status==200)

             {

                 xmlDoc=xmlhttp.responseXML;

                 txt="";

                 x=xmlDoc.getElementsByTagName("ARTIST");

                 for (i=0;i<x.length;i++)

                 {

                     txt=txt + x[i].childNodes[0].nodeValue + "<br>";

                 }

                 document.getElementById("myDiv").innerHTML=txt;

             }

         }

         xmlhttp.open("GET","../cd_catelog.xml",true);

         xmlhttp.send();

     }

 </script>

 <body>

 <h2>My cd Collection:</h2>

 <div id="myDiv"></div>

 <button type="button" onclick="loadXMLDoc()">GET MY CD COLLECTION</button>

 </body>

 </html>
 <CATALOG>

     <CD>

         <TITLE>Empire Burlesque</TITLE>

         <ARTIST>Bob Dylan</ARTIST>

         <COUNTRY>USA</COUNTRY>

         <COMPANY>Columbia</COMPANY>

         <PRICE>10.90</PRICE>

         <YEAR>1985</YEAR>

     </CD>

 </CATALOG>

[AJAX系列]XMLHttpResponse对象的更多相关文章

  1. 深入理解ajax系列第一篇——XHR对象

    × 目录 [1]创建对象 [2]发送请求 [3]接收响应[4]异步处理[5]实例演示 前面的话 ajax是asynchronous javascript and XML的简写,中文翻译是异步的java ...

  2. [AJAX系列]$.post(url,[data],[fn],[type])

    概述: 通过远程HTTP POST请求载入信息 参数: url:发送请求地址 data:待发送Key/value值 callback:发送成功时回调函数 type:返回内容格式  xml  html ...

  3. ASP.NET之Ajax系列（三）

    我们通过前两篇文章的学习,已经大致掌握了Ajax的实现方法,同时也可以对比出两种方式的优劣.但是我们还是没有搞清楚真正的ajax的实现原理,以及最原始的,未经过封装的ajax是什么样的,今天我们一起来 ...

  4. ajax系列之用jQuery的ajax方法向服务器发出get和post请求

    打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个 ...

  5. 基于jQuery的ajax系列之用FormData实现页面无刷新上传

    接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方 ...

  6. 给Ajax一个漂亮的嫁衣——Ajax系列之五（下）之序列化和反序列化

    给Ajax一个漂亮的嫁衣——Ajax系列之五(下)之序列化和反序列化 标签: ajaxdictionaryjsonobject服务器function 2012-07-25 18:41 2242人阅读  ...

  7. js进阶 14-1 jquery的ajax系列中的load方法的作用是什么

    js进阶 14-1 jquery的ajax系列中的load方法的作用是什么 一.总结 一句话总结:jQuery load()方法作用是从服务器加载数据,是一个简单但强大的AJAX方法. 1.load函 ...

  8. Ajax的核心对象创建步骤

    * Ajax具有核心对象 * XMLHttpRequest对象 * 如何创建XMLHttpRequest对象 function getXhr(){ // 声明XMLHttpRequest对象 var ...

  9. ajax获取json对象

    ajax获取json对象 ajax获取json数据,都是一个原理,设置response 的Content-Type:application/json,这样浏览器自动会解析为json对象 $result ...

随机推荐

  1. 大话设计模式C++版——观察者模式

    观察者模式是一种类似于消息分发的模式,用于一个任务需要被多个对象监听的场景,或者成员对象需要反向通知类对象的情况,是一种很有用的设计模式.    这里以大话设计模式中的例子为例,办公室员工A.B.C在 ...

  2. unix automake 使用，快速生成你的Makefile

    使用automake快速生成编译的Makefile 1,确保自己装有的软件automake autoconf 2, 1)执行autoscan 并将生成的configure.scan重命名为config ...

  3. PS色调均化滤镜的快捷实现（C#源代码)。

    photoshop色调均化功能通常是在进行修片处理前期比较常用的功能之一,其对扩展图像的对比度,增强视觉效果有一定的作用.在很多课本或者文章中,也称这种处理为灰度均衡化.直方图均衡化等等.算法原理都是 ...

  4. 用CSS开启硬件加速来提高网站性能（转）

    翻译文章,原文地址:http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-cs ...

  5. [No000048]程序员的成长过程中，有哪些阶段？

    有人在 Quora 提问,并补充: 有木有朋友能根据你们自身经历,清晰地划分各个阶段?比如:学习第一门编程语言.第一份工作.职业决策.理解 IT 公司的目标,等等. Quincy Larson 的回复 ...

  6. noj[1581] 筷子

    题目描述 A先生有很多双筷子.确切的说应该是很多根,因为筷子的长度不一,很难判断出哪两根是一双的.这天,A先生家里来了K个客人,A先生留下他们吃晚饭.加上A先生,A夫人和他们的孩子小A,共K+3个人. ...

  7. HashTable, HashMap, LinkedHashMap, ConcurrentHashMap

    HashTable: 不允许null的key或value, 线程安全 HashMap: 允许一个null的key, 无限的null value, 非线程安全 LinkedHashMap: HashMa ...

  8. P3376 【模板】网络最大流

    P3376 [模板]网络最大流 题目描述 如题,给出一个网络图,以及其源点和汇点,求出其网络最大流. 输入输出格式 输入格式: 第一行包含四个正整数N.M.S.T,分别表示点的个数.有向边的个数.源点 ...

  9. CLR Table-Valued函数

    这几天来,努力学习了CLR的存储过程,创建与部署.从普通的存储过程,带参数,以及Output返回值等. Insus.NET今天学习一个例子,怎样实现CLR Table-Valued函数.在数据库中,我 ...

  10. keytool命令记录

    1.生成服务器端私钥kserver.keystore文件 2.根据私钥,导出服务器端安全证书 3.将服务器端证书,导入到客户端的Trust KeyStore中 4.生成客户端私钥kclient.key ...