微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

封装一个自己的ajax

/*
* @param type(必填)
* @param url(必填)
* @param data(必填)
* @parama callback(必填)
*/
function ajax(type,url,data,callback){
    var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP")
    if(typeof data == "object"){
        var str = ""
        for(var key in data){
            str += `${key}=${data[key]}&`
        }
        data = str.slice(0,str.length - 1)
    }
    type = type.toupperCase()
    if(type == "GET"){
        if(data){
            xhr.open("GET",`${url}?${data}`,true)            
        }else{
            xhr.open("GET",url,true)
        }
        xhr.send(null)
    }else if(type == "POST"){
        xhr.open('POST',url,true)
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        if(data){
            xhr.send(data)
        }else{
            xhr.send(null)
        }
    }else{
        return "error"
    }
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4 && xhr.status==200){
            const res = xhr.responseText;
            callback(res)
        }
    }
}

好啦

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐