Ajax学习笔记

1.AJAX的使用步骤

    创建XMLhttpRequest对象，也就是创建一个异步调用对象；

    创建一个新的“http”请求，并指定该http请求的方法、URL以及验证信息；

    设置一个响应“http”请求状态变化的函数；

    发送“http”请求；

    获取异步调用返回的数据；

    使用JavaScript和DOM实现局部刷新。

2.创建XMLHttpRequest对象，也就是创建一个异步调用对象

var xmlhttp=null;
if(window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}else{
    xmlhttp=new ActiveObject("Microsoft.XMLHTTP");
}

3.向服务器发送请求

    xmlhttp.open(方式，URL，async)；

    xmlhttp.send()；

    open方法的参数：

        方式：请求的类型，GET或者POST方式；

        URL：文件在服务器上的位置，相对位置或者绝对位置；

        async：true（异步）或者false（同步）；

    post请求不同于get请求：send（string）方法只有在post请求时才使用字符串参数，否则不用带参数；

    post请求一定要设置请求头的格式内容

xmlhttp.open("POST"."ajax_test.xml",true);
xmlhttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Herry&lname=Ford");

4.服务器响应请求

    responseText：获得字符串形式的响应数据；

    responseXML：获得XML形式的相应数据；

    同步处理：直接在send（）方法后面处理返回来的数据；

xmlhttp.open("GET","test.xml",true);
xmlhttp.send();
document.getElementById("mydiv").innerHTML=xmlhttp.responseText;

    异步处理：

xmlhttp.onreadyStateChange=funtion(){
    if(xmlhttp.readyState==4&&xmlhttp.status==200){
        document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
    }
}

xmlhttp.readyState共有五种请求状态，从0到4变化:

0：请求未初始化；

1：服务器连接已经建立；

2：请求已经接收；

3：请求处理中；

4：请求已经完成，且响应已经就绪；

xmlhttp.status：响应状态码：

200：OK；

304：该资源在上次请求之后没有任何修改；

403：禁止；

404：未找到；

408：请求超时；

500：服务器内部错误；