如何在JavaScript中实现多Axios请求的原子性操作？

你当前的方案无法保证操作原子性，因为axios.all只是并发发送独立请求，一旦部分请求成功修改数据库，前端没有能力回滚已完成的操作。正确的解决思路是将三个修改操作放到后端的一个数据库事务中，前端只需发送一个请求触发这个批量操作。

具体实现步骤 #

1. 后端新增批量操作接口 #

在后端创建一个统一接口（比如POST /api/batch-update），该接口内部利用MongoDB的事务机制，将三个修改操作包裹在一个事务里：

• 开启MongoDB事务
• 依次执行三个数据库修改操作
• 若所有操作成功，提交事务
• 若任意操作失败，回滚事务，确保所有修改都被撤销

以下是Node.js + Mongoose的示例代码：

// 后端路由示例
app.post('/api/batch-update', async (req, res) => {
  const session = await mongoose.startSession();
  session.startTransaction();

  try {
    const { newInventory, element, newObj } = req.body;

    // 执行三个修改操作，都绑定到当前事务会话
    await InventoryModel.updateOne(/* 你的更新条件 */, newInventory, { session });
    await ElementModel.updateOne(/* 你的更新条件 */, element, { session });
    await ObjModel.updateOne(/* 你的更新条件 */, newObj, { session });

    // 所有操作成功，提交事务
    await session.commitTransaction();
    res.status(200).json({ message: '所有修改成功' });
  } catch (err) {
    // 任意操作失败，回滚事务
    await session.abortTransaction();
    res.status(500).json({ error: '操作失败，已回滚所有修改' });
  } finally {
    session.endSession();
  }
});

2. 修改前端代码 #

前端不再发送三个并发请求，改为发送一个请求到新增的批量接口：

// 前端修改后的代码
axios.post('/api/batch-update', {
  newInventory,
  element,
  newObj
}).then(() => {
  alert("changes are made successfully");
  window.location.reload();
}).catch(err => {
  alert("Some error has occured", err);
});

关键说明 #

• MongoDB事务要求使用副本集或分片集群，单节点MongoDB不支持事务，确保你的数据库环境符合要求。
• 前端只负责触发批量操作，原子性控制完全交给后端数据库事务，这是最可靠的方案。

内容的提问来源于stack exchange，提问作者Saksham Arya