原生JS创建Ajax

最新推荐文章于 2023-05-08 21:48:44 发布

VikcyWinner

最新推荐文章于 2023-05-08 21:48:44 发布

阅读量578

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/VickyWinner/article/details/78960385

版权

前端专栏收录该内容

6 篇文章

订阅专栏

function ajax(url ,data,type,success,error){
            //兼容IE6，IE5，如果XMLHttpRequest为空，则new ActiveXObject
            var xhr=XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');
            var dataArr=[];
//            拼接请求参数
            for (var key in data){
                dataArr.push(key +'='+data[key]);
            }
            type=type.toUpperCase();
//            GET请求
            if (type==="GET"){
                //拼接url
                url=url+"?"+dataArr.join("&");
                xhr.open(type,url,true);
                xhr.send();
            }
            if (type==="POST"){
                //连接服务器
                xhr.open(type,url,true);
                //设置header，设置数据类型
                xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
                //发送请求
                xhr.send(dataArr.join("&"));
            }
            xhr.onreadystatechange=function () {
                if (xhr.readyState===4){
                    if (xhr.status===200){
                        if (success && success instanceof Function){
                            var res=xhr.responseText;
                            if (typeof res==='string'){
                                res=JSON.parse(res);
                                success.call(xhr,res)
                            }
                        }
                    }else {
                        if (error && error instanceof Function){
                            error.call(xhr,res)
                        }
                    }
                }
            }
        }