XMLHttpRequest ontimeout与onload事件未触发问题求助

嘿，咱们先从最显眼的问题说起——你代码最后一行的xhr.send(是不完整的！得补上闭合括号，要是不需要发送数据的话直接写xhr.send()或者xhr.send(null)就行。这个语法错误会导致整个函数没法正常执行，请求根本发不出去，自然所有事件都不会触发，先把这个修复了再说。

要是修复语法后还是没解决，咱们再排查这几个点：

• 事件注册的时机：虽然理论上顺序不影响，但稳妥起见，建议把所有事件监听都放在xhr.open()之前注册。你现在的顺序是对的，但个别浏览器在open之后注册事件可能会错过触发时机，调整顺序试试？
• onreadystatechange和onload的关联：你同时用了onreadystatechange和onload，这本身没问题，但得清楚它们的触发逻辑：onload会在readyState === 4且请求成功（状态码200-299）时触发；如果请求超时，ontimeout会触发，同时readyState也会变成4，但状态码会是0。你的onreadystatechange只处理了状态码200的情况，所以超时不会走回调，但ontimeout该触发才对。如果还是没触发，检查下浏览器兼容性——比如IE8及更早的XHR对象不支持timeout和ontimeout，得换其他方式。
• 缓存干扰：要是请求的URL被浏览器缓存了，请求会瞬间完成，这时候onload应该触发，但可能因为输出太快或者页面有其他脚本报错，你没看到console信息。可以给URL加个随机参数（比如url + '?t=' + Date.now()）禁用缓存试试。
• 跨域问题：如果请求的是跨域URL，又没配置CORS，XHR会直接失败，这时候触发的是onerror而不是onload或ontimeout。检查下请求地址是否和当前页面同域，或者服务器有没有配置正确的CORS响应头。

另外，建议你加上onerror事件监听，能捕获请求失败的情况，方便排查问题：

xhr.onerror = function() {
  console.error("请求 " + url + " 失败了");
};

内容的提问来源于stack exchange，提问作者Mark