小白入门---Ajax编程

Ajax编程

Ajax是Asynchronous JavaScript and XML(异步的JavaScript和XML的缩写)，它是由一组相互关联的web开发技术组成，用于在客户端创建一步的web应用程序。

1、Ajax编程基础

创建XMLHttpRequest对象

var request;
if(window.XMLHttpRequest){
    request=new XMLHttpRequest();   
}else if(window.ActiveXObiect){
    request=new ActiveXObiect("Microsoft.XMLHTTP");
}

初始化HTTP请求

request.open(method,url,async,username,password)

(1)method:请求的方法，值包括GET,POST和HEAD;
(2)url:所调用的服务器资源的URL；
(3)async:布尔值，表示这个调用使用异步还是同步，默认为true(异步);
(4):username&password:可选参数，为URL所需的授权提供认证用户&密码。

发送HTTP请求

request.send();

从服务器接收数据

requset.onreadystatechange=function(){//第一种方法：readyState=4
    if(request.readyState==4){
        var result=JSON.parse(request.response);
    }   
}
request.onload=function(){//第二种方法：直接调用onload
    var result=JSON.parse(request.response);
}

注意

当XMLHttpRequest对象把一个HTTP请求发送到服务器是将精力多种状态，XMLHttpRequest对象的ReadyState属性值可表示请求的状态，它的取值有一下5种。

(1)0:还没有初始化，即还未调用open()方法；
(2)1:正在加载，已经调用open()，但未调用send();
(3)2:已经调用send()，服务器未响应；
(4)3:请求处理中，此时已经接收到HTTP响应头部信息，但消息体部分还没有完全接收结束；
(5)4:接收完毕，服务器响应完成。