加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Promise实现ajax

发布时间:2020-12-16 03:01:16 所属栏目:百科 来源:网络整理
导读:利用Promise实现ajax ? GET function getAjax(url) { return new Promise((resolved,rejected)= { // 创建ajax对象 let ajax = new XMLHttpRequest(); // 配置参数 ajax.open(‘get‘,url, true ) // 发送请求 ajax.send(); // 请求成功之后 ajax.onload = f

利用Promise实现ajax

?

GET

    function getAjax(url) {
        return new Promise((resolved,rejected)=>{
            //创建ajax对象
            let ajax = new XMLHttpRequest();
            //配置参数
            ajax.open(‘get‘,url,true)
            //发送请求
            ajax.send();
            //请求成功之后
            ajax.onload = function () {
                if(this.status === 200){
                    console.log(ajax.responseText)
                    resolved(ajax.responseText);
                }else{
                    rejected();
                }

            }
        })
    }
View Code
getAjax(url).then().catch()

?

POST

    function postAjax(url,param) {
        return new Promise((resolved,rejected)=>{
            //创建ajax对象
            let ajax = new XMLHttpRequest();
            //配置参数
            ajax.open(‘post‘,true);

            //设置请求头,表示我传递的参数的类型
            xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            //发送请求,并将数据传递过去
            ajax.send(JSON.stringify(data));

            //请求成功之后
            ajax.onload = function () {
                if(this.status === 200){
                    console.log(ajax.responseText)
                    resolved(ajax.responseText);
                }else{
                    rejected();
                }

            }
        })
    }
View Code
getAjax(url,param).then().catch()

?

GET POST合并

    function myAjax(type,params) {
        return new Promise((resolved,rejected)=>{

            //创建ajax对象
            let ajax;
            //注意,不要根据浏览器的navigator.userAgent来检测浏览器是否支持某个JavaScript特性,一是因为这个字符串本身可以伪造,二是通过IE版本判断JavaScript特性将非常复杂。
            if (window.XMLHttpRequest) {
                ajax = new XMLHttpRequest();
            } else {
                ajax = new ActiveXObject(‘Microsoft.XMLHTTP‘);
            }


            if(type == ‘get‘ || type == ‘‘){//get
                //配置参数
                ajax.open(‘get‘,true)
                //发送请求
                ajax.send();
            }else if(type == ‘post‘){//post
                //配置参数
                ajax.open(‘post‘,true);
                //设置请求头,表示我传递的参数的类型
                xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                //发送请求,并将数据传递过去
                ajax.send(JSON.stringify(data));
            }

            //请求成功之后
            request.onreadystatechange = function (){
                if (request.readyState === 4){
                    if(this.status === 200){
                        console.log(ajax.responseText)
                        resolved(ajax.responseText);
                    }else{
                        rejected();
                    }
                }
            }

        })
    }
View Code
    getAjax(‘get‘).then().catch()
    getAjax(‘post‘,param).then().catch()

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读