Ajax 和浏览器缓存问题

Question

我有一个在 Sinatra 上运行的小型网站，它根据 xhr 请求通过 ajax 更新内容。

code

function get_shows() {
  $.ajax({
    type: 'GET',
    dataType: 'HTML',
    url: '/update/',
    success: function(data) {
      $('#show_list').fadeOut('fast', function(){
        $(this).html(data).fadeIn('fast');
      });
    }, 
    error:function(data){console.log(data.statusText)}
  });
}

/

get '/update/' do
  if request.xhr?
     erb :index_show_list, :layout => false
  else 
    erb :index  
  end
end

我遇到的问题是，当用户通过 ajax 更新内容时，该页面的浏览器缓存会更新，并且仅显示获取的代码片段，以及所有 head 和 body< > 标签消失了。页面会继续正常渲染，直到您离开页面，然后通过后退按钮返回，在这种情况下，显示的只是 html 片段，没有页面的其余部分。

Answer 1

我也遇到过同样的问题。尝试在 ajax 请求中将缓存设置为 false。默认情况下它设置为 true。

有关详细信息，请参阅 http://api.jquery.com/jQuery.ajax/。

例子：

function get_shows() {
  $.ajax({
    type: 'GET',
    cache: false,
    dataType: 'HTML',
    url: '/update/',
    success: function(data) {
      $('#show_list').fadeOut('fast', function(){
        $(this).html(data).fadeIn('fast');
      });
    }, 
    error:function(data){console.log(data.statusText)}
  });
}