在关闭选项卡之前进行 API 调用以存储仪表板小部件数据

Question

仪表板页面中有可以排序的小部件（可拖放）。我们希望在用户重新访问我们的页面时保留小部件的顺序，因此我们有 API 将所有小部件转储到数据库。但问题是我们是否应该在每次拖放小部件时或在 window close/unload 之前进行一次 API 调用？ 仔细阅读后，了解到不建议在 window 卸载时执行 API。那么有没有其他方法可以解决这个问题？我不想 API 调用小部件的每个拖放。

在此先感谢您的帮助。

Answer 1

如果您想避免每次执行 drag/drop 操作时都发出请求，您可以设置一个按钮（保存更改），该按钮可能会在进行更改时出现。所以用户必须保存更改。

Answer 2

我们想出了一个办法。使用 navigator.sendBeacon() - (https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon)

感谢 Jaromanda X。