封装的ajax函数

最新推荐文章于 2022-04-21 21:30:57 发布

lijuhu

最新推荐文章于 2022-04-21 21:30:57 发布

阅读量422

点赞数

分类专栏：计算机，前端文章标签： ajax web前端函数 javascript

本文链接：https://blog.csdn.net/lijuhu/article/details/78167242

版权

计算机，前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

function ajax(data){
    //data={data:"",dataType:"xml/json",type:"get/post"，url:"",asyn:"true/false",success:function(){},failure:function(){}}


    
    //第一步：创建xhr对象
    var xhr = null;
    if(window.XMLHttpRequest){//标准的浏览器
        xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    //第二步：准备发送前的一些配置参数
    var type = data.type == 'get'?'get':'post';
    var url = '';
    if(data.url){
        url = data.url;
        if(type == 'get'){
            url += "?" + data.data + "&_t="+new Date().getTime();
        }
    }
    var flag = data.asyn == 'true'?'true':'false';
    xhr.open(type,url,flag);


    //第三步：执行发送的动作
    if(type == 'get'){
        xhr.send(null);
    }else if(type == 'post'){
        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        xhr.send(data.data);
    }


    //第四步：指定回调函数
    xhr.onreadystatechange = function(){
        if(this.readyState == 4){
            if(this.status == 200){
                if(typeof data.success == 'function'){
                    var d = data.dataType == 'xml'?xhr.responseXML:xhr.responseText;
                    data.success(d);
                }
            }else{
                if(typeof data.failure == 'function'){
                    data.failure();
                }
            }
        }
    }


}