原生ajax封装

最新推荐文章于 2022-07-21 16:46:41 发布

每逢佳节掉三根.

最新推荐文章于 2022-07-21 16:46:41 发布

阅读量630

点赞数 2

分类专栏： ajax 文章标签：原生ajax

本文链接：https://blog.csdn.net/qq_42043377/article/details/83998434

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//参数/*

url :地址

obj: 参数

callback 回调

//没做容错  有时间在写一个

**/

(function(){
    window.get = get;
    window.post = post;
    // 创造ajax对象
    function createXHR(){
        if(XMLHttpRequest){
            var xhr = new XMLHttpRequest();
        }else{
            var xhr = new ActiveXObject("msxml2.XMLHTTP");
        }
        return xhr;
    }
    // 参数对象转为参数字符串
    function changeJSON2String(obj){
        var temp = [];
        for(var k in obj){
            temp.push(k+"="+encodeURIComponent);
        }
        return temp.join("&");
    }
    // 状态码监听
    function request(xhr,callback){
        xhr.onreadystatechange = function(){
            if(xhr . readyState ==4){
                if(xhr.status.toString().charAt(0) == 2||xhr.status == "304"){
                    var result = xhr.responseText;
                    callback && callback(result);
                }
            }
        }
    }
    // get
    function get(url,obj,callback){
        var xhr = createXHR();
        request(xhr,callback);
        var objStr = changeJSON2String(obj);
        xhr.open("get",url+"?"+objStr,true);
        xhr.send(null);
    }
    // post
    function post(url,obj,callback){
        var xhr = createXHR();
        request(xhr,callback);
        var objStr = changeJSON2String(obj);
        xhr.open("post",url,true);
        xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xhr.send(objStr);
    }
})();