javascript - 页面刷新后重新加载ajax检索数据

Question

所以，我有一个页面，其中包含多个带有 onClick 事件的链接，这些事件将从外部文件中检索数据并用该数据填充一个 div。这按预期工作。但是，当我刷新页面时，div 再次清空。我希望发生的是刷新后，div 将保留最后检索到的内容。

我不想走 cookie 的道路，并研究了向 URL 添加数据，我认为这是我想要的方式。

是否有一些不错的 JQuery 调用可以在单击链接时将数据附加到 url，然后在刷新时将所需内容恢复到 div？

我的 loadContent 函数是:

function loadContent (url, container) {
    var target = $(container);
    target.load(url, function (text, statusText) {
        if (statusText === "success") {
            target.find("a[rel^='gridnav']").initgn();
        }   
    });
}

编辑:我忘了说，那行

target.find("a[rel^='gridnav']").initgn();

用于在加载的新内容上重新初始化脚本。

所以当我点击一个链接时，onClick 事件会调用这样的函数

<a href="#" onClick="loadContent('xyz.html', '#right')">TEST</a></li>

其中 xyz.html 仅包含我在 div“#right”中想要的数据

有没有办法编辑这个函数来做我想做的事？

Answer 1

您可以使用以下方法将数据附加到 url

window.location.hash

https://developer.mozilla.org/en-US/docs/DOM/window.location

如果您在 jQuery 插件中搜索 QueryString，应该有许多插件可以简化这项任务。