AJAX

229 阅读1分钟
// 1)客户端产生js的事件
// 2)创建XMLHttpRequest对象
     对XMLHttpRequest进行配置()
// 4)通过AJAX引擎发送异步请求
// 5)服务器端接收请求并且处理请求,返回html或者xml内容
// 6)XML调用一个callback()处理响应回来的内容
// 7)页面局部刷新
    //readyState
//     0:未初始化状态:此时,已经创建了一个XMLHttpRequest对象
//     1:载入:已经调用send方法,正在发送请求
//     2:载入完成:send方法执行完成,已经接收到全部相应内容
//     3:交互:正在解析响应内容
//     4:完成:
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, false);
    xhr.onreadtstatechange = function () {
        if (xhr.readystate == 4) {
            //响应内容解析完成,可以在客户端调用了
            if (xhr.status == 200) {
                //客户端的请求成功了
                alert(xhr.responseText);
            }
        }
    }
    xhr.send(null);
    //status
    //2xx:表示成功处理请求
    //3xx:需要重定向,浏览器直接跳转
    //4xx:客户端请求错误,如:404
    //5xx:服务器端错误