关于前端:Ajax请求一直没有响应请求接口报红的解决方法

104次阅读

共计 457 个字符,预计需要花费 2 分钟才能阅读完成。

问题形容

在前端开发中,发现一个解决工夫比拟长的申请始终没有返回数据。
浏览器开发工具 – Network – 申请的接口报红
通过定位问题后发现 ajax 申请遇到长时间加载时超过肯定工夫后会间接中断请求


解决办法

查看本人代码中的 ajax 申请配置中是否设置了 timeout, 如果需要中有申请解决工夫较长的接口,倡议 去除此项 或者设置一个适合的工夫并在 timeout 回调中设置超时的用户提醒

ajax({
   url: url,
   type:'POST',
   data: data,
   async: async,
   contentType: "application/json; charset=UTF-8",
   traditional: true,
   timeout: 30000, // 申请超时工夫
   ...
})

总结

本篇文章讲述了 ajax 中 timeout 超时属性设置后会呈现中断请求的问题及解决办法。在日常开发中只实现业务需要还是不够的,须要自测网页在极其网络环境下的展示状况,并解决问题,放弃代码的健壮性,否则就会变成问题上线被用户发现。
对于 ajax 申请的相干能够查看我的其余文章。

正文完
 0