Javascript Ajax 重新初始化

Question

我有一个 Web 应用程序，正在转向基于 Ajax 的工作流程。目前，我使用自己的基于页面 URL 的路由机制加载 Javascript。为了跟踪 Ajax“页面”，我使用哈希标签。我遇到的问题是当内容更改时如何重新初始化页面？我可以重新运行我的路由机制，但我不想意外地重新创建并重新附加现有事件。我认为在理想的解决方案中，我会在 Ajax 完成时对所有事件执行全局清理，并重新初始化整个 Javascript。这样，我就永远不必担心元素是否消失或者它是否已附加到事件或类似的情况。

解决这个问题的最佳方案是什么？

Answer 1

您可以利用 jQuery 的 hashchange 事件:

$.on("hashchange", init);

init 是您的路由函数或初始函数。

这是我使用的示例:

function route() {
    var loc = (location.hash && location.hash.split("#")[0]) || location.pathname;

    if (loc.search("profile") !== -1) {
        // do profile page stuff
    }
    if (loc.search("home") !== -1) {
        // do home stuff
    }
}

$.on("hashchange", route);