AJAX入门--- XMLHttpRequest对象的属性和方法

由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻。开始学之前,了解一下它的属性和方法为它的使用做下铺垫。本文重点介绍XMLHttpRequest的属性和方法。

XMLHttpRequest对象的属性和事件


属性


描述


readyState


表示XMLHttpRequest对象的状态[1]


responseText


包含客户端接收到的HTTP相应的文本内容[2]


responseXML


服务器响应的XML内容对应的DOM对象[3]


status


服务器返回http状态码[4]


statusText


服务器返回状态码的文本信息[5]


事件


描述


onreadystatechange


当readyState属性发生变化时触发此事件,用于触发回调函数。

[1]:


状态


名称


描述


0


Uninitialized


初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。


1


Open


open() 方法已调用,但是 send() 方法未调用。请求还没有被发送。


2


Send


Send() 方法已调用,HTTP 请求已发送到 Web 服务器。未接收到响应。


3


Receiving


所有响应头部都已经接收到。响应体开始接收但未完成。


4


Loaded


HTTP 响应已经完全接收。

[2]:readyState=4时,responseText包含完整的响应信息。

readyState=3时,responseText包含未完整的响应信息。

readyState<3时,responseText为空字符串。

[3]:当readyState=4,并且响应头部的Content-Type的MIME类型为XML(text/xml或application/xml)时,该属性有值并且被解析成一个XML文档。其它情况为null,包括回传的XML文档不良或未完成响应回传。

[4]:如 200 表示成功,而 404 表示 "NotFound" 错误。当 readyState 小于 3 的时候读取这一属性会导致一个异常。

[5]:当状态为 200 的时候它是"OK",当状态为 404 的时候它是 "Not Found"。和 status 属性一样,当 readyState 小于 3 的时候读取这一属性会导致一个异常。

XMLHttprequest对象的方法

1.open方法

描述:制定和服务器交互的HTTP方法,URL地址及其他请求信息。

open(method,url, async, username, password) 用来进行初始化工作

返回值:得到一个包含send()方法的对象

method:必须。用于指定HTTP请求方法,支持所有HTTP的方法,如GET,POST,按规定

uri:请求的服务器的地址,自动解析成绝对地址。

async:请求是否异步,true表示你异步,false表示同步,默认为true。

username,password:可以不指定,分别表示用户名和密码,提供HTTP认证机制需要的用户名和密码。

调用open后,readystate状态为1.

2.send(content)方法

描述:向服务器发出请求,其内容可以是DOM对象,输入流或是字符串。

调用open 方法后,可以调用send()方法来发送请求。

当open 中async=true时,send()方法调用后立即返回,否则会中断直到请求返回。

3.abort()方法

该方法可以暂停一个HttpRequest请求或者HttpResponse的接收,并且将XMLHttpRequest的状态设置为初始化。

4.setRequestHeader(header,value)方法

该方法用来设置请求的头部信息。此方法需要在open方法之后调用。

5.getResponseHeader()方法

描述:返回包含HTTP的所有响应头信息,其中响应头包括Content-Length,Date,URI等内容。

当readystate>2时,该方法用来检索响应的头部信息。否则返回一个空字符串。

getAllResponseHeaders()方法返回所有的HttpResponse头部信息。

知道的XMLHttpRequest对象的相关知识之后,重点就是如何使用了,敬请关注我的下篇博客《AJAX入门---五步使用XMLHttpRequest对象》

AJAX入门--- XMLHttpRequest对象的属性和方法,布布扣,bubuko.com

时间: 2024-10-26 07:04:54

AJAX入门--- XMLHttpRequest对象的属性和方法的相关文章

XMLHttpRequest对象的属性与方法

XMLHttpRequest对象是Ajax的核心,它有很多属性和方法.1,readyState属性当一个XMLHttpRequest对象被创立后,readyState属性标示了当前对象处于什么状态,可以通过对该属性的访问,来判读此次请求的状态然后做出相应的操作,case 0 :未初始化状态,此时,已经创建了一个XMLHttpRequest对象,但是还没有初始化.Case 1:准备发送状态:此时,已经调用了XMLHttpRequest对象的open()方法,并且XMLHttpRequest对象已经

AJAX 使用XMLHttpRequest对象发送和接受数据

XMLHttpRequest是XMLHttp组件的对象,通过这个对象,Ajax可以像桌面应用程序一样只与服务器进行数据层的交换,而不必每次都刷 新界面,也不必每次将数据处理的工作都交给服务器来做:这样既减轻了服务器负担又回忆了响应速度,缩短了用户的等待时间. XMLHttpRequest对象与Ajax       在Ajax应用程序中,XMLHttpRequest对象负责将用户信息以异步通信地发送到服务器端,并接收服务器响应信息和数据.       需要注意的是JavaScript本身并不具有向

详解AJAX核心 —— XMLHttpRequest 对象 (下)

继续上一篇的内容上一篇关于XMLHttpRequest 对象发送对服务器的请求只说到了用Get方式,没有说Post方式的.那是因为要说Post方式就需要先说另外一个东西,那就是DOM(Document Object Model)文档对象模型.JavaScript通过DOM读取.改变或者删除 HTML.XHTML 以及 XML中的元素,可以重构整个 HTML 文档.可以添加.移除.改变或重排页面上的项目,而且这样的操作会马上显示在页面上.另外,所有浏览器执行W3C 发布的 DOM 标准规范,DOM

详解AJAX核心 —— XMLHttpRequest 对象 (上)

我要说的内容都是非常基础的内容,高手就免看了,如果看了欢迎给点意见啊.新手或者对低层还不是很了解的人可以看看,帮助理解与记忆. XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlht

Jquery jqXHR对象的属性和方法

在 jQuery 1.4 之前(包括1.4),$.ajax() 方法返回的是浏览器原生的 XMLHttpRequest 对象. 从 jQuery 1.5 开始,$.ajax() 方法返回 jQuery 自己的 XMLHttpRequest 对象(一般简称jqXHR).之所以这样做,是因为 jQuery 1.5 引入了延迟对象 jQuery.Deferred,以便于更好地处理和执行回调函数. 你可以简单地理解为 jqXHR 对象是 jQuery 自己伪造的一个 XMLHttpRequest 对象和

jQuery事件对象的属性和方法

jQuery事件对象的属性和方法 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(

关于JavaScript的对象,属性,方法的一些理解和认识。

对象      万物皆对象,所谓的对象,就是一个实体,一个物体,对象一定是有一个名字的, 在JavaScript中有很多很多对象,这些对象天生就存在在JavaScript中,比如document就是一个对象,window也是对象.     JavaScript想调用一个对象,非常的简单,直接打它的名字即可.     在JavaScript中,每个对象是负责不一样的事情.    document负责一切和文档相关的事情:window负责一切和浏览器窗口相关的事情:console负责一切和控制台相关

Javascript常用对象的属性和方法

javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算)和Date(日期)三种对象和其它一些相关的方法.从而为编程人员快速开发强大的脚本程序提供了非常有利的条件. 1.常用内部对象 在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例:而另一种对象则在引用它的对象或方法是

HTML DOM对象的属性和方法

HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 documentElement var html = document.documentElement; //取得对<html>元素的引用 body var body = document.body; //取得对<body>元素的引用 获取文档信息 title 通过 title 属性可以访问当前