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已更新