javascript - History.js - 有时仅在单击后退按钮时显示 ajax 内容

Question

我使用 History.js，有时当我点击后退按钮时，我只会从 ajax 调用中获取内容，而不是整个页面(包括 ajax 调用)。这会导致网站看起来很糟糕，因为没有加载任何脚本、CSS 或 HTML“容器”。

1. 我浏览我的页面。
2. 我在地址栏中输入另一个网站。
3. 我点击后退按钮——现在只显示上一个 ajax 调用的 html，没有 css、js 或其他 html

为什么会发生这种情况，我该如何解决？

我的代码是这样的:

History.Adapter.bind(window, 'statechange', function(){
    var State = History.getState();
    $.ajax({
        url: State.url,
        type: 'get',
        beforeSend: function(xhr){ 
            xhr.setRequestHeader('X-PJAX', true); 
        },
        success: function(resp, status, xhr) { 
            $('#wrapper').html(resp); 
        }
    });
});

Answer 1

我通过在我的 ajax 响应上禁用缓存来修复它。

缓存控制:无缓存、无存储、必须重新验证

现在，当我点击后退按钮时，整个页面都会被加载，而不仅仅是 ajax 响应。