您现在的位置:首页 >> 前端 >> 内容

使用XMLHttpRequest实现Ajax

时间:2017/2/15 10:28:52 点击:

  核心提示:XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的。非W3C标准。开发时用XMLHttpRequest对象的并不多,这个小案例只是演示以便于了解。1.XMLHttpReque...

XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的。非W3C标准。

开发时用XMLHttpRequest对象的并不多,这个小案例只是演示以便于了解。

1.XMLHttpRequest方法:

发请求:

(1)open("method","url") 描述:建立对服务器的调用。method参数可以是GET、POST或PUT,URL参数可以是相对URL或绝对URL.

(2)send(content) 描述:向服务器发送请求。

2.XMLHttpRequest属性:

用来接收服务端发送回来的数据(接收响应),需要要到以下几个属性:

(1)onreadystatechange 每个状态改变都会触发这个事件处理器,通常会调用一个JavaScript函数。

(2)readystate 请求的状态,有5个可取值:0=未初始化.1=正在加载.2=已经加载.3=交互中.4=完成

(3)responseText 服务器的响应,表示一个串。

(4)responseXML 服务器的响应,表示为XML。这个对象可以解析为DOM对象。

(5)status 服务器的HTTP状态码(200对应OK,404对应NotFount、等)

服务器发送的每一个响应也都带有首部信息,三位状态码是服务器响应的最重要的首部信息。

常用状态码及其含义:

(1)404没有找到页面(not found)

(2)403禁止访问(forbidden)

(3)500内部服务器出错(internal service error)

(4)200一切OK

(5)304没有被修改(not modify)

在XMLHttpRequest对象中,服务器发送的状态码都保存在status属性里面。通过这个值和200或304比较,可以确保服务器是否已经发送了一个成功的响应。

(6)statusText HTTP状态码的响应文本(OK或NoTFount等)

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

利用XMLHttpRequest实例与服务器进行通信包含以下3个关键部分:

(1)onreadystatechange事件处理函数

(2)open方法

(3)send方法

onreadystatechange:

该事件处理函数由服务器触发,而不是用户。

在Ajax执行过程中,服务器会通知客户端当前的通信状态。这依靠更新XMLHttpRequest对象的 readystate来实现。改变readystate属性是服务器对客户端连接操作的一种方式。每次readystate改变都会触发onreadystatechange函数

Tags:使用 用X XM ML 
作者:网络 来源:FreelyLang