Ajax重复请求的问题

最新推荐文章于 2022-12-18 16:40:11 发布

Archai233

最新推荐文章于 2022-12-18 16:40:11 发布

阅读量856

点赞数 1

文章标签： ajax jquery js javascript

本文链接：https://blog.csdn.net/fintinger/article/details/107977863

版权

在发送某一次请求时，如果不对请求做去重处理那么，同一个请求有可能会发送很多次，一个个慢慢响应，这会很大程度影响性能以及页面的使用体验

本文目录

全局变量

/**
 * baseURL 是每次请求的地址
 * x 表示XMLHttpRequest实例，初始为null
 * isSending 是用来判断请求是否处于发送状态的标识
 */
const baseURL = "http://127.0.0.1:8000/delay"
let x = null, isSending = false

原生请求

if (isSending) x.abort()
x = new XMLHttpRequest()
//正处于发送状态，修改标识
isSending = true
x.open("GET", baseURL)
x.send()
x.onreadystatechange = function () {
   
    if (x.readyState === 4) {
   //当readyState=4,表示已经发送完毕，修改标识，是否成功返回则无需关心
        isSending = false
        if (x.status >=