在 javascript 中取消数据预解码请求，核心做法是调用 abortcontroller 实例的 abort() 方法，并将对应的 abortsignal 传递给发起请求的函数（如 fetch）。这样做会立即中断网络传输并抛出 aborterror，从而阻止浏览器对未完整接收的数据进行解析或解码。若需处理已部分缓冲的数据，需在捕获异常后清理相关引用。
如何在使用 fetch 时通过信号中止正在进行的请求
直接回答：使用 fetch 时，只需将 signal 选项设置为 AbortController.signal，并在需要取消时调用 controller.abort() 即可。这会导致 fetch 返回一个被拒绝的 Promise，错误类型为 DOMException，名称为 "AbortError"。此时浏览器不会继续处理响应体，也不会触发后续的解码操作。
const controller = new AbortController();
const signal = controller.signal;
// 发起请求
fetch('https://api.example.com/data', { signal })
.then(response => response.json())
.then(data => console.log('Data:', data))
.catch(error => {
if (error.name === 'AbortError') {
console.log('Request aborted');
} else {
console.error('Fetch failed:', error);
}
});
// 在某个时刻取消请求
setTimeout(() => {
controller.abort();
}, 3000); // 3秒后取消
上述代码演示了标准的取消流程。当 setTimeout 触发时，controller.abort() 被调用，fetch 立即停止下载并拒绝 Promise。开发者可以在 catch 块中区分中止错误和其他网络错误，确保程序逻辑正确。
立即学习“Java免费学习笔记（深入）”；
如何处理 XMLHttpRequest 中的预解码取消
直接回答：对于 XMLHttpRequest，同样可以使用 AbortController 的 signal 属性。在较新的浏览器中，XMLHttpRequest 支持 signal 选项。调用 abort() 会终止请求，并触发 onerror 事件。需要注意的是，XMLHttpRequest 本身没有直接的 abort() 方法来关联信号，但可以通过 signal.addEventListener('abort', ...) 监听中止事件，或在外部调用 xhr.abort()。为了统一行为，推荐使用 signal 选项。
const controller = new AbortController();
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data');
xhr.signal = controller.signal; // 现代浏览器支持
xhr.onload = function() {
console.log('Response:', xhr.responseText);
};
xhr.onerror = function() {
console.log('Request failed or aborted');
};
xhr.send();
// 取消请求
setTimeout(() => {
controller.abort();
}, 2000); // 2秒后取消
此示例展示了如何在 XMLHttpRequest 中使用 signal。当 controller.abort() 被调用时，onerror 事件会被触发。开发者应检查 error 对象以确认是否为中止操作。这种方法确保了与 fetch 一致的取消体验。
取消请求后，已接收但未解码的数据如何处理
直接回答：当请求被取消时，浏览器会丢弃所有已接收但未完全处理的响应数据。对于 fetch，如果响应体已经开始读取（例如通过 response.body.getReader()），取消操作会关闭流并抛出错误。开发者需要在 catch 块中处理这种情况，避免内存泄漏。对于 XMLHttpRequest，取消后 responseText 可能包含部分数据，但通常不建议依赖这部分数据，因为状态不确定。
