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：服务器内部错误；