Javascript HttpRequest的超时timeout事件

桃扇骨 2021-11-09 16:16 662阅读 0赞

文章转载自：[https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/timeout][https_developer.mozilla.org_zh-CN_docs_Web_API_XMLHttpRequest_timeout]

`XMLHttpRequest.timeout` 是一个无符号长整型数，代表着一个请求在被自动终止前所消耗的毫秒数。默认值为 0，意味着没有超时。超时并不应该用在一个 [document environment][] 中的同步 XMLHttpRequests  请求中，否则将会抛出一个 `InvalidAccessError` 类型的错误。当超时发生， [timeout][] 事件将会被触发。

**注意**：你不能在拥有的window中，给同步请求使用超时。

[在异步请求中使用 timeout][timeout 1]

在IE中，超时属性可能只能在调用 [open()][open] 方法之后且在调用 [send()][send] 方法之前设置。

var xhr = new XMLHttpRequest();
    xhr.open('GET', '/server', true);
    
    xhr.timeout = 2000; // 超时时间，单位是毫秒
    
    xhr.onload = function () {
      // 请求完成。在此进行处理。
    };
    
    xhr.ontimeout = function (e) {
      // XMLHttpRequest 超时。在此做某事。
    };
    
    xhr.send(null);

[https_developer.mozilla.org_zh-CN_docs_Web_API_XMLHttpRequest_timeout]: https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/timeout
[document environment]: https://developer.mozilla.org/en-US/docs/Glossary/document_environment
[timeout]: https://developer.mozilla.org/zh-CN/docs/Web/Events/timeout
[timeout 1]: https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests#.E4.BE.8B.E5.AD.90.3A_.E4.BD.BF.E7.94.A8.E8.B6.85.E6.97.B6
[open]: https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/open
[send]: https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/send