ajax - XMLHttpRequest 对象重用或新实例

Question

我有这种情况导致“INVALID_STATE_ERR:DOM Exception 11”，我相信这是一个架构 javascript 问题:

我必须向某些后端端点“触发”四个连续的 ajax 调用。

就像是:

oXHR = new XMLHttpRequest();

第一个请求的 header 设置:
oXHR.setRequestHeader('X-CUSTOM-HEADER', '1');

第一个同步打开和发送:
oXHR.open('POST', firstUrl, false)

上面的行应该阻止下一次发送，该发送也必须更改标题:
oXHR.setRequestHeader('X-ANOTHER-HEADER', '2');oXHR.open(method, secondUrl, true);

然后另一个同步打开并发送，就像第一个一样:
oXHR.setRequestHeader('X-CUSTOM-HEADER', '1');oXHR.open('POST', firstUrl, false);

在上一个阻塞请求之后，最后一个异步请求:
oXHR.setRequestHeader('X-ANOTHERCUSTOM-HEADER', '7');oXHR.open(method, secondUrl, true);

目前我正在使用相同的 oXHR 对象；
您能否为涉及包装此类同步/异步请求的可扩展架构提供反馈？

亚历克斯

Answer 1

您可以尝试使用一些 JS 框架而不是原生 XMLHttpRequest 对象。 jQuery有相当方便的ajax api