ajax对象中response,[AJAX系列]XMLHttpResponse对象

最新推荐文章于 2024-07-14 03:33:08 发布

河西先生

最新推荐文章于 2024-07-14 03:33:08 发布

阅读量831

点赞数

文章标签： ajax对象中response

本文详细讲解了AJAX的核心原理，包括XMLHttpRequest对象的创建、发送GET/POST请求、接收服务器响应（XML解析）及异步处理。通过实例演示了如何使用这些技术实现实时数据更新，适合进一步理解AJAX在网页开发中的实际运用。

摘要由CSDN通过智能技术生成

Response

/**

* 如果需要获得来自服务器的响应请使用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

{

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

}

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

}

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

xmlhttp.send();

}

My cd Collection:

GET MY CD COLLECTION

Empire Burlesque

Bob Dylan

USA

Columbia

10.90

1985

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

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

ASP&period;NET之Ajax系列(三)

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

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

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

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

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

给Ajax一个漂亮的嫁衣——Ajax系列之五(下)之序列化和反序列化

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

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

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

Ajax的核心对象创建步骤

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

ajax获取json对象

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

随机推荐

paip&period;输入法英文词库的处理 python 代码 o4

paip.输入法英文词库的处理 python 代码 o4 目标是eng>>>中文>>atian 当输入非atian词的时候儿,能打印出 atian pinyin > ...

Python之socket(套接字)

Socket 一.概述 socket通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄,应用程序通常通过"套接字"向网络发出请求或者应答网络请求. ...

C&num; 文件流相关操作

二进制转换成图片: MemoryStream ms = new MemoryStream(bytes); ms.Position = ; Image img = Image.FromStream(ms ...

asmca无法创建ASM磁盘

现象 grid用户使用asmca无法创建asm磁盘,如下图分析如图所示,报错说是 Grid Infrastructure 出了问题.那么 Grid Infrastructure 是什么 ? 在安装 ...

stm32的DFU使用方法

stm32的dfu看上去是个很高级的东西,似乎可以通过USB给内部flash.外部spi flash.外部nor等东西刷写数据.把数据读出来,但是用了一下感觉确实有点麻烦. 先不管原理是怎样的,使用方 ...

ZOJ- 3640 Help Me Escape

Help Me Escape Time Limit: 2 Seconds Memory Limit: 32768 KB Background If thou doest well, ...

基于支持向量机的车牌识别-- opencv2&period;4&period;7+vs2012环境搭建

环境说明: 环境: OS:win7 sp1 opencv:2.4.7 vs2012 搭建过程: PS:机器上原本已安装vs2012 1.opencv 1.1 下载,直接双击安装即可. 此处我的安装位置 ...

●BOZJ 2127 happiness

题链: http://www.lydsy.com/JudgeOnline/problem.php?id=2127 题解: 和 BZOJ 3984 建图类似(最小割模型).但是这个建图方法效率有点低.另 ...

IP、TCP、DNS协议

·······················································IP协议························· 位于网络层,作用是把数据包传送 ...

Bulma - 基于 Flexbox 的现代化的 CSS 框架

Bulma 是一个基于 Flexbox 的现代化的 CSS 框架,设计的初衷就是移动优先(Mobile First),模块化设计,可以轻松用来实现各种简单或者复制的内容布局,浏览器支持:浏览器支持:C ...