js简单封装一个ajax

用promise简单封装ajax

首先我们先创建一个js然后封装

let ajax=(url,method="GET",data={})=>{
// 用promise封装
     return new Promise((resolve,reject)=>{
        //  处理data里面的参数
               let str="?"
               for(let i in data){
                   str += i + '=' + data[i] +"&"
               }
            //    把参数拼接到url地址栏中
               url=url+str
            //    创建aiax对象
            if(window.XMLHttpRequest){
            //  w3c标准
               var xml=new XMLHttpRequest()

            }else{
            //  IE 低版本
                var xml=new ActiveXObject()
            }


            // get请求
            if(method==="GET"){
                xml.open(method,url)
            }
        //    post请求
           if(method==="POST"){
              xml.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
              xml.open(method,url)
           }
        //    发送请求
         xml.send()

        //   监听请求 状态处理
        xml.onreadystatechange = function() {
            if (xml.readyState == 4) {
                if(xml.status == 200){
                    resolve(JSON.parse(xml.responseText))
                }else{
                    reject('请求失败')
                }
               
            }

        }

     })




  }
export default ajax

然后在我们的主页面导入

    <script type="module">
        // 封装接口的地址
 import ajax from "./ajax.js"
    
      ajax("https://api.it120.cc/xlm/banner/list","GET",{type:"index"}).then(res=>{
    //  获取成功的数据
          console.log(res)
      }).catch(res=>{
        //   获取失败的数据
          console.log(res)
      })
    
    </script>