恪愚 2021-02-24 19:49 采纳率: 20%
浏览 96
已采纳

ajax现在不支持异步了?

发送ajax时open那里第三个参数如果是false,则会给一个警告,没有报错网络里也正常发出请求了但是不会执行onreadystatechange里的代码;如下代码将ajax用promise包裹控制台里同样发现正常请求了但是console中会直接报错打印请求失败

let readUrlPromise=url=>{
    return new Promise((resolve,reject)=>{
        let xhr=new XMLHttpRequest();
        xhr.open("GET",url);
        xhr.send(null);
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4 && xhr.status==200){
                // console.log(JSON.parse(xhr.responseText));
                resolve(JSON.parse(xhr.responseText));
            }else{
                reject('请求失败');
            }
        }
    })
}
readUrlPromise("https://devapi.qweather.com/v7/weather/24h?location=经纬度&key=和风天气key").then(data=>{
    console.log(data);
})
 

  • 写回答

3条回答 默认 最新

  • 天际的海浪 2021-02-24 21:45
    关注


    第二个问题是。onreadystatechange 事件是每次请求状态(xhr.readyState)改变时都会触发,一个请求要触发好几次onreadystatechange事件,
    当第一次onreadystatechange事件触发时xhr.readyState肯定不为4,你的代码就会执行else中的reject('请求失败');直接反馈请求失败,
    只有最后一次onreadystatechange事件时xhr.readyState才为4,表示请求完毕。
     

    正确的代码应该是

    let readUrlPromise=url=>{
        return new Promise((resolve,reject)=>{
            let xhr=new XMLHttpRequest();
            xhr.open("GET",url);
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4 && xhr.status==200){
                    // console.log(JSON.parse(xhr.responseText));
                    resolve(JSON.parse(xhr.responseText));
                }else if(xhr.readyState==4 && xhr.status!=200){
                    reject('请求失败');
                }
            }
            xhr.onerror=function(){
                reject('请求失败');
            }
            
            xhr.send(null);
        })
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥30 seata使用出现报错,其他服务找不到seata
  • ¥35 引用csv数据文件(4列1800行),通过高斯-赛德尔法拟合曲线,在选取(每五十点取1点)数据,求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no,如何解决?
  • ¥15 Google speech command 数据集获取
  • ¥15 vue3+element-plus页面崩溃
  • ¥15 像这种代码要怎么跑起来?
  • ¥15 安卓C读取/dev/fastpipe屏幕像素数据
  • ¥15 pyqt5tools安装失败
  • ¥15 mmdetection
  • ¥15 nginx代理报502的错误