JavaScript-AJAX原生写法

原生写法

var xmlHttp;
try {
    xmlHttp = new XMLHttpRequest();
} catch (e) {
    try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {
        alert("浏览器不兼容");
    }
}
if (xmlHttp) {
    /* 创建连接 */
    xmlHttp.open("get", "resource.txt", true);
    /* 发送请求 */
    xmlHttp.send(null);
    /* 监听服务器状态 */
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            // 获取返回的数据
            var result = xmlHttp.responseText;
        }
    }
}

阶段状态

0 代表未初始化。 还没有调用 open 方法
1 代表正在加载。 open 方法已被调用，但 send 方法还没有被调用
2 代表已加载完毕。send 已被调用。请求已经开始
3 代表交互中。服务器正在发送响应
4 代表完成。响应发送完毕

网络请求错误码

• 200 一切正常(ok)
• 304 没有被修改(not modified)
• 403 禁止访问(forbidden)
• 404 没找到页面(not found)
• 500 内部服务器出错(internal service error)