ajax

1      Ajax

1.1  Ajax简介

Ajax：（Asynchronous JavaScript And XML）指异步 JavaScript 及 XML

不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术，是基于JavaScript、XML、HTML、CSS新用法

 

1.2  Ajax：只刷新局部页面的技术

JavaScript：更新局部的网页

XML：一般用于请求数据和响应数据的封装

XMLHttpRequest对象：发送请求到服务器并获得返回结果

CSS：美化页面样式

异步：发送请求后不等返回结果，由回调函数处理结果

1.3  XMLHttpRequest对象

JavaScript中XMLHttpRequest对象是整个Ajax技术的核心，它提供了异步发送请求的能力

1.3.1  构造方法

不同浏览器，甚至相同浏览器的不同版本，获取该对象的方式是不同的。

var http_request;if (window.XMLHttpRequest) {                                             //非IE浏览器         http_request= new XMLHttpRequest();} else if (window.ActiveXObject) {                               //IE浏览器         try{                   http_request= new ActiveXObject("Msxml2.XMLHTTP");         }catch (e) {                   try{                            http_request= new ActiveXObject("Microsoft.XMLHTTP");            } catch (e) {}         }}

1.3.2  方法：

open()  "get|post" ，"url?name=tom" ，"true|false"

send()  发送请求 。可以带参数 或 null

setRequestHeader()

 

1.3.3  属性

       readyState：类型short；只读

       responseText：类型String；只读

       responseXML：类型Document；只读

       status：类型short；只读

1.3.4  事件处理器

       onreadystatechange

2      常用方法

3      常用属性

onreadystatechange：指定回调函数

readyState: XMLHttpRequest的状态信息 

 

status：HTTP的状态码

 responseText：获得响应的文本内容

 responseXML：获得响应的XML文档对象 documednt

 

注：就绪状态是4而且状态码是200，才可以处理服务器数据

 

4      用户名是否存在

创建对象：

 

 

 

 

 

5      案例：实现邮箱验证

my.js

register.jsp

servlet

 

 

6      案例2：搜索

1、编写显示数据的容器div

2、实现ajax响应数据

//创建XMLHttpRequest对象

//通过事件调用回调函数处理响应结果，

//创建一个服务器连接

//发送请求

 

 

 

 

 

servlet