php - 是否有推荐的方法来处理保存数据以响应没有 onunload 事件的站点内导航？

Question

前言以界定我的问题:

我有一个网络应用程序(或站点，这是一个内部 LAN 站点)广泛使用 jQuery 和 AJAX 在浏览器中动态加载 UI 的内容部分。用户使用导航菜单导航应用程序。单击导航菜单中的项目会向 php 发出 AJAX 调用，然后 php 返回用于填充中央内容部分的内容。

由 php 返回的其中一个页面有一个表格形式，设置得像电子表格，用户可以在其中输入值。该表始终与数据库中的数据保持同步。那么，当表被创建时，它是否填充了相关的数据库数据。然后，当用户在“单元格”中进行更改时，该更改会立即写回数据库，因此表和数据库始终保持同步。采取这种方法是为了让用户确信他们输入的数据已被保存(长话短说......)，并减轻他们必须点击某种保存按钮的负担。

所以，这个始终同步的想法很棒，除了用户可以在单元格中输入一个值，而不是将焦点移出单元格，然后采取任何数量的操作都会导致最后一个值丢失:例如通过导航菜单导航到网站的另一部分、退出应用程序、关闭浏览器等。

序言结束，进入正题:

我最初认为这不是问题，因为我只会跟踪哪些数据“脏”或未保存，然后在 onunload 事件中我会对数据库进行最终写入。这就是问题所在:由于我巧妙地(或不太聪明，不确定)使用 AJAX 并动态加载内容部分，用户在执行上述操作时实际上从未离开原始 url 或页面，除了关闭浏览器。因此，onunload 事件没有触发，我又回到丢失最后数据的状态。

我的问题是，当内容以这种方式动态加载时，是否有推荐的方法来确定用户是否正在离开您应用的“部分”？

我认为我可以想出一个解决方案，涉及全局变量和跟踪当前查看的页面，但我想我会检查是否有更优雅的解决方案，或者我可以在我的设计中进行更改，这将使这项工作。

一如既往地提前致谢!

Answer 1

我想在这里跟进，以防万一有人感兴趣。原来我的问题是多余的。

因为我将我的代码设置为将输入的信息保存在输入元素的更改事件中，并且由于更改事件仅在相关元素失去焦点时触发，因此如果用户单击我的网络应用程序中的其他任何位置接口(interface)，触发输入的更改事件，并保存数据。

唯一的异常(exception)是刷新页面或关闭浏览器，但这两个事件都会导致 onunload 事件，这意味着我可以将我的保存数据函数绑定(bind)到该事件并处理这些情况。

所以一切都按我希望的那样进行，我的困惑源于对更改事件何时触发的误解。