Ajax

Ajax

1.XMLHttpRequest对象

执行的操作：

• 从客户端发送数据到服务器后台

• 从服务器接收数据

• 更新网页而不需要重新加载页面

属性：

• onReadyStateChange, 只要readystate属性发生变化就会调用它

• readyState 表示请求的状态

  • 0-未打开，未调用open()

  • 1-已打开，调用open()但不调用send()

  • 2-标头已接收,调用send(),并且标题和状态可用

  • 3-已加载正在下载数据。responseText保存数据

  • 4-完成，操作全部完成

• responseText -- 以文本形式返回响应

• resposneXML -- 以XML形式返回响应

方法：

void  open(method,url)  打开指定的get或post和url请求
void open(method,url,async)  async为是否执行异步请求
void open(method,url,async,username,password)  指定用户名和密码
void send()  发送获取请求
void send(string)  发送邮件请求
setRequestHeader(header,value)  添加请求标头

AJAX工作过程：

• 用户从UI发送请求，js调用转到XMLHttpRequest对象

• HTTP请求有XMLHttpRequest对象发送到服务器

• 服务器使用jsp，php，servlet，asp.net与数据库j交互

• 检索数据

• 服务器将XML数据或json数据发送到XMLHttpRequest回调函数

• HTML和CSS数据显示到浏览器上

AJAX操作步骤

• 发送客户端事件

• 创建XMLHttpRequest对象

• XMLHttpRequest对象创建成功并配置

• XMLHttpRequest对象向web服务器发出异步请求

• web服务器返回XML文档的结果

• XMLHttpRequest对象调用callback()函数并处理结果

• HTML DOM已更新