Javascript 按浏览器上的“后退/前进”按钮时保留对DOM的更改

Javascript 按浏览器上的“后退/前进”按钮时保留对DOM的更改,javascript,jquery,ajax,browser-cache,Javascript,Jquery,Ajax,Browser Cache,我有一些页面,其中有表,每行都有删除、更新等选项,在我选择这样的选项后,我使用Ajax调用只更新表 我的问题是,当我转到另一个页面,然后使用浏览器上的“后退”按钮返回时,DOM上的更改并不存在。浏览器似乎只缓存初始页面加载 我在stack上遇到了一个问题,这似乎与我正在寻找的有关: 有人回答说: “如果您确实要更改页面,则“是”,即使从缓存中工作,浏览器也会显示从服务器检索时的页面,而不是之后修改时的页面 如果您希望保持页面A/B的当前结构,而不是切换到更SPA的方法,则可以将ajax结果存储

我有一些页面,其中有,每行都有删除、更新等选项,在我选择这样的选项后,我使用Ajax调用只更新

我的问题是,当我转到另一个页面,然后使用浏览器上的“后退”按钮返回时,DOM上的更改并不存在。浏览器似乎只缓存初始页面加载

我在stack上遇到了一个问题,这似乎与我正在寻找的有关:

有人回答说:

“如果您确实要更改页面,则“是”,即使从缓存中工作,浏览器也会显示从服务器检索时的页面,而不是之后修改时的页面

如果您希望保持页面A/B的当前结构,而不是切换到更SPA的方法,则可以将ajax结果存储在sessionStorage中,并在页面加载时检查它。如果有,则重新应用它;如果没有,则通过ajax请求并应用(并保存)。这将比通过网络重新请求它快得多。”

这真的是解决办法吗? 如果是,我如何实现这样的功能

编辑

为了给出一个具体的例子,我使用了如下代码:

    GetTargetUpdated : function (options, targetToUpdate) {
    $.ajax(options).done(function (result) {
        var target = $(targetToUpdate);
        var $newHtml = $(result);
        target.replaceWith($newHtml);
        $newHtml.effect("highlight");
    });
},
这将更新特定的DOM元素。我希望这些更改覆盖浏览器中页面的缓存

编辑:似乎我在Chrome上有这个问题,但在Firefox上没有

我能做些什么来解决Chrome(我发现问题的浏览器)中的缓存问题? 在Html中是否有一些头可以使用,是否有一些jquery解决方案或其他方法可以在缓存页面中保存DOM更改


谢谢

具体实施什么?我们对您的页面一无所知,使用sessionStorage很容易研究你好,我想指出正确的方向并解决此类问题。那么,我可以为我的页面提供什么来帮助获得有用的答案呢?Thanks@Leonid瓦西里耶夫:为什么我的问题是重复的,因为我所问的或经历的都差不多?如果我问这个问题是因为(那个问题的答案)和我搜索的其他答案没有解决我的问题…可能是重复的