ajax - XMLHttpRequest对象重用或新实例

我遇到了导致“INVALID_STATE_ERR:DOM异常11”的情况，并且我认为这是一个体系结构的JavaScript问题:

我必须将四个顺序的ajax调用“触发”到某些后端端点。

就像是:

oXHR = new XMLHttpRequest();

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

首先同步打开并发送:
oXHR.open('POST', firstUrl, false)

上一行应阻塞下一次发送，该发送也必须更改 header :
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对象；
您是否可以提供涉及包装此类同步/异步请求的可伸缩体系结构的反馈？

亚历克斯

最佳答案

您可以尝试使用一些JS框架而不是本机XMLHttpRequest对象。 jQuery具有非常方便的Ajax API