【js】初入AJAX

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。

这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

 

 

声明一个request对象

var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();//IE7以上
}else{
request = new ActiveXObject("Mircosoft.XMLHTTP");//兼容IE6
}

 

HTTP状态码由3位数字构成，其中首位数字定义了状态码的类型：

1XX：信息类，表示收到WEB浏览器请求，正在进一步的处理中；
2XX：成功，表示用于请求被正确接收，理解和处理，例如：200 OK；
3XX：重定向，表示请求没有成功，客户必须采取进一步的动作；
4XX：客户端错误，表示客户端提交的请求有错误，例如：404 NOT FOUND，意味着请求中所引用的文档不存在；
5XX：服务器错误，表示服务器不能完成对请求的处理，如500.

 

 

function myAjax(url,fnSucc,fnFailed){

    // 1、创建新的Ajax对象
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }
    else{
        var oAjax = new ActiveXObject();
    }
    
    // 2、连接服务器 open(方法， 文件名， 异步传输)
    oAjax.open('GET',url,true);
    // 3、发送请求
    oAjax.send();
    // 4、接收返回数据
    oAjax.onreadystatechange = function(){
        // 判断 服务器与客户端进行到哪步了
        if(oAjax.readyState == 4){
            if(oAjax.status ==200){
                fnSucc(oAjax.responseText);
            }
            else{
                if(fnFailed){
                    fnFailed(oAjax.status);
                }            
            }
        }
    }
}