当我们需要向服务器发送多个请求时，可以使用AJAX技术来优化用户体验。然而，在一些情况下，我们需要同时处理多个响应，这时候就需要进行多个响应的处理。
发送多个请求
在AJAX中，我们可以使用XMLHttpRequest对象来发送请求。为了同时发送多个请求，我们可以创建多个XMLHttpRequest对象。例如：
-- -------------------- ---- ------- ----- -------- - --- ----------------- -------------------- -------------------------------- ---------------- ----- -------- - --- ----------------- -------------------- -------------------------------- ---------------- ----- -------- - --- ----------------- -------------------- -------------------------------- ----------------
这样就可以同时发送三个请求了。
处理多个响应
当多个请求同时返回时，我们需要同时处理这些响应。我们可以通过监听每个请求的readystatechange事件来获取响应。例如：
-- -------------------- ---- -------
--------------------------- - ---------- -
-- ---------------- --- - -- ----------- --- ---- -
----- ---- - ------------------------------
-- -------
-
--
--------------------------- - ---------- -
-- ---------------- --- - -- ----------- --- ---- -
----- ---- - ------------------------------
-- -------
-
--
--------------------------- - ---------- -
-- ---------------- --- - -- ----------- --- ---- -
----- ---- - ------------------------------
-- -------
-
--在这里，我们监听每个请求的readystatechange事件，并且判断响应状态是否为200表示成功。如果是成功的，我们可以通过JSON.parse方法解析响应的数据，并进行处理。
并行请求
上面的方式可以同时发送多个请求并同时处理多个响应，但是它们是串行执行的。也就是说，只有前一个请求完成之后，才会开始下一个请求。这种方式虽然可以达到目的，但是效率较低。
为了提高效率，我们可以使用Promise.all()方法来并行执行多个请求。例如：
-- -------------------- ---- -------
----- -------- - --------------------------------------
----- -------- - --------------------------------------
----- -------- - --------------------------------------
---------------------- --------- ----------
--------------- -- -
----- ----------- ---------- ---------- - ----------
------ -------------
-----------------
-----------------
----------------
---
--
---------- -- -
-- ---------
---在这里，我们使用了fetch方法来发送请求，它返回一个Promise对象。我们创建了三个Promise对象，并把他们放入一个数组中传递给Promise.all方法。Promise.all方法会等待所有的Promise对象都resolve后再执行。在本例中，当所有的请求完成之后，Promise.all将返回一个包含所有响应的数组。我们可以使用json方法来解析每个响应的数据。
总结
在前端开发中，同时发送多个请求并处理多个响应是相当常见的需求。我们可以创建多个XMLHttpRequest对象来发送请求，并监听每个请求的readystatechange事件来获取响应。使用Promise.all()方法可以提高效率，让多个请求并行执行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30775