主页 / 问题 / 1435634
Accepted
Дмитрий Варзанов
Asked:2022-08-03 09:00:27 +0800 CST2022-08-03 09:00:27 +0800 CST

终止，中止请求的执行

  • 772
fetch('/ajax/', {body: FormAdd(pr), method: 'POST'}).then(r => r.json()).then(d => eval(d))

用户在文本字段中输入文本，每个输入的字符都会发送一个请求以加载相似的内容

实际上如何中断请求fetch()，这样就不会有这种情况了。

例如，删除时：

使用 delete 删除了长度为 29 个字符的行。
该行是空的，当响应来自服务器时，类似的请求窗口仍在闪烁。

javascript

1 个回答

  1. Best Answer

    这是使用 AbortController 完成的。

    // создаем контроллер
let controller = new AbortController();
// через секунду прерываем запрос
setTimeout(() => controller.abort(), 1000);

try {
    fetch( '/ajax/',
        {
            body: FormAdd(pr),
            method: 'POST',
            signal: controller.signal // пробрасываем signal, ответственный за прерывание запроса
        })
        .then(r => r.json())
        .then(d => eval(d));
} catch(err) {
    if (err.name == 'AbortError') { // перехватывает прерывание запроса
        alert("Aborted!");
    } else {
        throw err;
    }
}

    详情见：

    • 3

相关问题