Ajax的基础使用

function ajax(url,fnSucc,fnFaild) {
    //ajax的兼容性
if (window.XMLHttpRequest) {
    //创建Ajax对象
    var oAjax = new XMLHttpRequest();
} else {
    //ie6
    var oAjax = new ActiveXobject('Microsoft.XMLHTTP');
}
//2、连接服务器
//open(方法,文件名,异步传出)
//'文件名?t='+new Date().getTime();制止浏览器缓存
oAjax.open('GET',url,true);
//3、发送请求
oAjax.send();
//4、接收返回
oAjax.onreadystatechange=function () {
    //oAjax.readyState// 浏览器和服务器,进行哪一步了 
    //0------(未初始化)还没有调用open()方法
    //1------(载入)已调用send()方法,正在发送请求
    //2------(载入完成)send()方法完成,已收到全部响应内容
    //3------(解析)正在解析响应内容
    //4------(完成)响应内容解析完成,可以在客户端调用了
    if (oAjax.readyState == 4) {//读取完成
        if (oAjax.status == 200) {//200----成功
            //成功
            //oAjax.responseText服务器返回的内容
            fnSucc(oAjax.responseText);
        }else{
            //失败
            if(fnFaild){
                fnFaild(oAjax.status);
            }
        }
    }
}
}
调用ajax
ajax('文件名',function (str){
    console.log(str);
})

 

posted @ 2020-05-18 14:38  YH丶浩  阅读(105)  评论(0编辑  收藏  举报