使用新的Promise对象和Promise状态管理

问题描述： 当使用ajax调用发送多个请求时，部分请求会出现promise被覆盖的问题，从而导致部分请求的结果被覆盖或丢失。

我们可以使用新的Promise对象，并通过状态管理来避免这个问题。例如，在以下示例中，我们可以使用一个数组来存储所有正在发生的请求的Promise，并捕获每个请求的结果，并将其插入数组中。这样，即使某个请求覆盖了其他Promise对象，我们也可以通过数组中的其他Promise来检索其结果。

示例代码如下：

const requests = []; // 存储所有请求的Promise

// 发起第一个请求 const request1 = $.ajax({ url: 'http://example.com/request1', method: 'POST', data: { name: 'Tom' } });

requests.push(request1); // 存储Promise，以备后续使用

// 发起第二个请求 const request2 = $.ajax({ url: 'http://example.com/request2', method: 'POST', data: { name: 'Jerry' } });

requests.push(request2); // 存储Promise，以备后续使用

// 处理所有请求结果 Promise.all(requests) .then(function(results) { console.log('All requests completed.'); console.dir(results); }) .catch(function(error) { console.log('An error occurred.'); console.dir(error); });

在这个示例中，我们使用Promise.all()来等待所有请求完成，并通过then()回调来处理结果。在这种情况下，即使某个请求覆盖了其他Promise对象，我们也可以通过数组中的其他Promise来检索其结果。