理解XMLHttpRequest对象

我们都知道ajax是指页面在不需要刷新的情况下与服务器进行少量的数据交互,从而实现无刷新更新页面内容。ajax的核心对象就是 XMLHttpRequest ,XMLHttpRequest对象在所有现代浏览器中都得到了很好的支持,可以直接使用。在IE7以前的浏览器中需要使用特定的构造函数  ActiveXObject() 来进行创建。

使用XMLHttpRequest对象只需要构建一个实例即可,如下:

var xhr = new XMLHttpRequest();

我们创建出来的这个对象实例到底是个什么东西,可以打印出来看看。

在使用XHR对象的第一步就是使用 open() 方法,此方法有三个参数,第一个参数是需要发送请求的类型(post/get),第二个参数是请求的服务器地址,第三个参数是指请求的方式是异步还是同步的,如下所示:

xhr.open("get","01.php",false);

以上代码会启动一个get方式的异步请求到01.php的文件,但是这一步不会真正发送请求,只是表示请求已经准备好了,发送请求需要用到另外一个方法 send() ,send()方法接收一个参数,这个参数是需要发送的数据,如果不需要发送数据,则传入 null

时间: 2024-10-12 23:49:15

理解XMLHttpRequest对象的相关文章

三种创建XMLHttpRequest对象的方法

XMLHttpRequest对象,也就是Ajax交互的核心对象. 这里列举三种创建Ajax对象的方法. 第一种: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples&

XMLHttpRequest对象的readyState和status区别

onreadystatechange,readyState,status...怎么一会state一会是status都晕乎了. 可以简单的理解为state代表一个整体的状态.而status是这个大的state下面具体的小的状态. 比如,水的state 1.可饮用 2.不可饮用       如果是可饮用 ,  那么对应的 PH值Status=x,矿物质Status. =xxx..... 比如XMLHttpRequest对象的readyState和status,readyState为4,会有对应的,才

Ajax学习(三)——XMLHttpRequest对象的五步使用法

    Ajax的核心技术是XMLHttpRequest对象,它可以在不向服务器提交整个页面的情况下,实现局部更新网页.通过这个对象,Ajax可以像桌面应用程序那样只与服务器进行数据层的交换,而不必每次都刷新界面,也不必每次将数据处理的工作都交给服务器来做.这样既减轻了服务器负担又提高了响应速度,还缩短了用户的等待时间.通常一个Ajax的实现过程有五步,下面我们以上篇博客中的小实例为例来逐步学习. 1.建立XMLHttpRequest对象. IE浏览器将XMLHttpRequest实现为一个Ac

XMLHttpRequest对象的创建

首先先介绍一下 XMLHttpRequest对象,我们都知道Ajax它并不是单单一门技术,而是几种技术的融合.XMLHttpRequest是Ajax技术体系中最 为核心的技术,如果没有XMLHttpRequest,Ajax的其余技术就无法成为一个有机的整体.在Ajax应用程序中XMLHttpRequest 对象负责将用户信息以异步方式发送到服务器,并接收服务器返回的响应信息和数据. XMLHttpRequest时XMLHttp组件的一个对象,使用XMLHttpRequest可以实现不向服务器提交

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

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

ajax中XMLHttpRequest对象中readyState与status的几种常见状态

XMLHttpRequest对象的readyState与status的几种状态码表示的意思: readyState有五种状态: 0 (未初始化): (XMLHttpRequest)对象已经创建,但还没有调用open()方法: 1 (载入):已经调用open() 方法,但尚未发送请求: 2 (载入完成): 请求已经发送完成: 3 (交互):可以接收到部分响应数据: 4 (完成):已经接收到了全部数据,并且连接已经关闭. status实际是一种辅状态判断,只是status更多是服务器方的状态判断.

AJAX入门---五步使用XMLHttpRequest对象

XMLHttpRequest简介: XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页.当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据.XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力.XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容.尽管名为 XM

Ajax核心技术之XMLHttpRequest对象

XMLHttpRequest对象到底是什么?跟Ajax到底有什么联系?在了解它之前还是要先了解一下Ajax的功能.与以往的技术不同,Ajax是为了实现异步操作. 那么关于异步,好像一个管理者安排好一个项目计划后,将这个项目交给下属去做,而自己再继续做自己应该做的其他的事儿.在下属去完成这个项目的过程中,并不影响此管理者的工作状态或者进程.只是等到项目完成交付时,管理者进行验收即可.那么这里的下属在异步操作中就相当于下图中的Ajax引擎,为了方便理解,也可以直接理解为XMLHttpRequest对

window.XMLHttpRequest对象详解

来自:http://blog.csdn.net/lccone/article/details/7743946 window.XMLHttpRequest XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础.尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用:但是,我们仍然很有必要理解这个对象的详细工作机制. 一. 引言 AJAX利用一个构建到所有现代浏览器内部的对象-XMLHttpRequest-来实现发送和接