使用jQuery在forEach循环中如何仅触发一次alert弹窗？

你的代码中每个AJAX请求成功后都会触发一次alert，所以批量操作时会弹出多个提示框。要实现仅弹出一次提示，核心思路是等待所有更新请求完成后，再统一执行提示逻辑。

方案一：等待所有请求成功后提示 #

利用Promise.all()监听所有AJAX请求的完成状态，当全部请求成功后再弹出提示：

// 收集所有更新请求的Promise对象
const updateTasks = Array.from(inputs).map(input => {
  return $.post("/update.php", { price: input.id });
});

// 等待所有请求完成
Promise.all(updateTasks)
  .then(() => {
    alert("所有货物更新成功");
  })
  .catch(() => {
    alert("更新过程中出现错误");
  });

方案二：兼容部分请求失败的场景 #

如果需要区分全部成功/部分失败的情况，可以用Promise.allSettled()，它会等待所有请求完成（无论成功或失败），再根据结果给出提示：

const updateTasks = Array.from(inputs).map(input => {
  return $.post("/update.php", { price: input.id });
});

Promise.allSettled(updateTasks)
  .then(results => {
    const successCount = results.filter(item => item.status === "fulfilled").length;
    const totalCount = inputs.length;
    
    if (successCount === totalCount) {
      alert("所有货物更新成功");
    } else {
      alert(`已完成${successCount}/${totalCount}个货物的更新，部分更新失败`);
    }
  });

补充说明 #

• jQuery的$.post()返回的jqXHR对象本身实现了Promise接口，所以可以直接用于Promise.all()或Promise.allSettled()
• Array.from(inputs)是为了确保inputs能被遍历（如果是DOM节点集合NodeList的话，直接调用.map()会报错）

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