Ajax XMLHttpRequest对象的三个属性以及open和send方法

(1)onreadystatechange 属性
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对
onreadystatechange 属性进行设置:

xmlHttp.onreadystatechange=function()
{
//
我们需要在这里写一些代码
}
(2)readyState 属性

readyState 属性存有服务器响应的状态信息。每当
readyState 改变时,onreadystatechange 函数就会被执行。

这是 readyState 属性可能的值:

状态 描述
0 请求未初始化(在调用
open() 之前)
1 请求已提出(调用 send() 之前)
2 请求已发送(这里通常可以从响应得到内容头部)
3
请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
4 请求已完成(可以访问服务器响应并使用它)

我们要向这个 onreadystatechange 函数添加一条 If 语句,来测试我们的响应是否已完成(意味着可获得数据):

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
   
{
    // 从服务器的response获得数据
    }
}
(3)responseText
属性

可以通过 responseText 属性来取回由服务器返回的数据。

在我们的代码中,我们将把时间文本框的值设置为等于 responseText:

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
   
{
    document.myForm.time.value=xmlHttp.responseText;
   
}
}

另外:

AJAX - 向服务器发送一个请求
要想把请求发送到服务器,我们就需要使用
open() 方法和 send()
方法。

open() 方法需要三个参数:

  第一个参数定义发送请求所使用的方法(GET 还是
POST)。

与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。

然而,在以下情况中,请使用 POST 请求:

  • 无法使用缓存文件(更新服务器上的文件或数据库)
  • 向服务器发送大量数据(POST 没有数据量限制)
  • 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

  第二个参数规定服务器端脚本的
URL(该文件可以是任何类型的文件,比如 .txt 和 .xml,或者服务器脚本文件,比如 .asp 和 .php
(在传回响应之前,能够在服务器上执行任务))。

  第三个参数规定应当对请求进行异步地处理(true(异步)或 false(同步))。

send() 方法可将请求送往服务器。如果我们假设 HTML
文件和 ASP 文件位于相同的目录,那么代码是这样的:

xmlHttp.open("GET","time.asp",true);
xmlHttp.send(null);

来自: http://hi.baidu.com/catprayer/blog/item/7e10a23c230c97e43c6d97f6.html  
(有修改)

时间: 2024-10-10 16:26:21

Ajax XMLHttpRequest对象的三个属性以及open和send方法的相关文章

【转载并整理】AJAX XmlHttpRequest对象详解

一. XMLHttpRequest由来及原生介绍 XMLHttpRequest(XHR)是一个API对象,其中的方法可以用来在浏览器和服务器端传输数据.这个对象是浏览器的js环境提供的.从XHR获取数据的目的是为了持续修改一个加载过的页面,XHR是Ajax设计的底层概念.XHR使用的协议不同于HTTP,不仅可以使用XML格式的数据,也支持JSON,HTML或者纯文本. WHATWG组织负责维护一个动态的XHR标准文档.W3C基于WHATWG标准创建了一个固定的规范. 历史 XMLHttpRequ

【02】AJAX XMLHttpRequest对象

AJAX XMLHttpRequest对象 XMLHttpRequest 对象用于与服务器交换数据,能够在不重新加载整个网页(刷新)的情况下,对网页进行部分更新. XMLHttpRequest 对象是 AJAX 的基础,讲 AJAX ,大部分是在讲 XMLHttpRequest 对象. 所有现代浏览器(IE 7.0+.Chrome.FireFox.Opera.Safari)均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequ

XMLHttpRequest 对象 status 和statusText 属性对照表

XMLHttpRequest 对象 status 和statusText 属性对照表 status statusText 说明 0** - 未被始化 1** - 请求收到,继续处理 100 Continue 客户必须继续发出请求 101 Switching protocols 客户要求服务器根据请求转换HTTP协议版本 2** - 操作成功收到,分析.接受 200 OK 交易成功 201 Created 提示知道新文件的URL 202 Accepted 接受和处理.但处理未完成 203 Non-

不同浏览器创建 ajax XMLHTTPRequest对象的方法及兼容性问题总结

XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLH

《JS权威指南学习总结--6.8对象的三个属性》

内容要点: 每一个对象都有与之相关的原型(prototype).类(class)和可扩展性 一.原型属性 1.对象的原型属性是用来继承属性的,这个属性是如此重要,以至于我们经常把 "0的原型属性"直接叫做"o的原型". 2.原型的属性是在实例对象创建之初就设置好的:通过对象直接量创建的对象使用Object.prototype作为它们的原型.通过new创建的对象使用构造函数的prototype属性作为它们的原型.通过Object.create()创建的对象使用第一个参

对象的三个属性

1.原型属性 通过对象直接量创建的对象使用Object.prototype作为它们的原型: 通过new创建的对象使用构造函数的prototype属性来作为它们的原型: 通过Object.create()来创建的对象使用第一个参数作为它们的原型. 在ECMAScript5中将对象作为参数传入Object.getPrototypeof()可查询它的原型: 在ECMAScript3中没有与之等价的函数,但通常使用o.constructor.prototype来检测一个对象的原型. 通过new创建的对象

原生Ajax XMLHttpRequest对象

一.Ajax请求 - 现在常见的前后端分离项目中,一般都是服务器返回静态页面后浏览器加载完页面,运行script中的js代码,通过ajax向后端api发送异步请求获取数据,然后调用回调函数,将数据添加到页面上   1.1 JQuery封装后的ajax请求   - 注意:jQuery Ajax本质 XMLHttpRequest 或 ActiveXObject 1 jQuery.get(...) 2 所有参数: 3 url: 待载入页面的URL地址 4 data: 待发送 Key/value 参数.

Array对象的三种属性实例

length 属性 定义和用法 length 属性可设置或返回数组中元素的数目.这个很常见了 语法 arrayObject.length prototype 属性 定义和用法 prototype 属性使您有能力向对象添加属性和方法. 语法 object.prototype.name=value 实例 在本例中,我们将展示如何使用 prototype 属性来向对象添加属性: 1 <script type="text/javascript"> 2 //构造函数 3 functi

javascript XMLHttpRequest对象全面剖析(转)

一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程.这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器.与现代浏览器的通过存取浏览器DOM结构的编程代码(JavaScript)动态地改变被显示内容的支持相配合,AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面.换句话说,AJAX可以使基于浏览器的应用程序更具交互性而且更类似传统型桌面应用程序. Google的G