首页 > Web开发 > 详细

pormise封装ajax(简单封装)

时间:2020-05-12 13:16:08      阅读:43      评论:0      收藏:0      [点我收藏+]

先创建一个js文件然后开始封装ajax:

function ajax(url,mehtod=‘get‘,data){
    return new Promise((resolve,reject)=>{
        // 创建ajax对象
    //兼容问题
            if(window.XMLHttpRequest){
                var xhr = new XMLHttpRequest()
            }else{
                // 兼容IE低版本
                var xhr = new ActiveXObject(‘microsoft.XMLHttp‘)
            }
        // open 
  //这里判断一下请求的方式
            if(mehtod===‘GET‘){
                xhr.open(mehtod,url)
            }
            if(mehtod===‘POST‘){
                xhr.setRequestHeader(‘content-type‘,‘application/x-from-www-urlencdoed‘)
                xhr.open(mehtod,url)
            }
        // send
            xhr.send(null);

        // 监听请求,状态处理
            
            xhr.onreadystatechange=function(){
                if(xhr.readyState===4){
                    if(xhr.status===200){
                        // 成功返回
                        resolve(JSON.parse(xhr.responseText))
                    }else{
                        // 失败
                        reject(alert(‘请求失败‘))
                    }
                }
            }
    })
}
 
然后在html页面开始引入这个js文件 引入完后请求ajax就行:
  //这里的是请求的URL地址
    let url = ‘xxx‘
    ajax(url,‘GET‘).then(res=>{
        console.log(‘获取数据:‘,res)
    })
 

pormise封装ajax(简单封装)

原文:https://www.cnblogs.com/akby/p/12875051.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!