javascript - 将元素附加到页面后，转到另一个页面，然后返回，附加的元素消失了

Question

解释起来有点长，所以我会尽量简短:

我正在提交一个表单并返回一个用户列表，然后清空 a 并用返回的用户重新填充它。这将按预期工作，直到我添加用户然后浏览到另一个页面，然后返回上一页，它正在加载添加新用户之前存在的用户列表。如果我刷新，用户列表将再次正确显示用户列表。

一些伪代码:

... function to add a user, then return success ...
$("ul#userTab").empty();
for(user in data['users']){
    $("ul#userTab").append("<li>"+user+"</li>");
}

一旦我使用后退按钮，浏览器似乎会缓存第一个页面加载，但我真的不知道。如有任何帮助，我们将不胜感激。

编辑:为了澄清，我将数据发送到服务器，将其保存在数据库中，然后从数据库返回用户。我不只是向页面添加任意值，然后重新加载并想知道为什么它不存在。

Answer 1

浏览器不会维护您在页面重定向之间操作的 DOM。您必须使用任何历史记录管理插件或使用 iframe 来维护页面重定向之间的页面状态。

查看下面的一些链接，这些可能会对您有所帮助

http://www.asual.com/jquery/address/

http://benalman.com/projects/jquery-bbq-plugin/

http://plugins.jquery.com/project/history

http://benalman.com/projects/jquery-hashchange-plugin/

http://code.google.com/p/reallysimplehistory/