Jquery.get()在IE8 / 9中不起作用。 不会加载未修改的缓存页面304

Code Igniter版本’2.0.3’Jquery 1.7 Jquery History插件

嗨,大家好,

我有一个CodeIgniter应用程序,我以ajax方式构建。 我有如下function:

$(document).on('click','.ajax_link',function(e){ //Stop the normal href action e.preventDefault(); //Grab the destination URL var new_url = $(this).attr('href') //Grab the content via ajax and pass it to the history change function $.get(base_url+new_url,function(data){ History.pushState({ content:data.content, url:data.url }, data.title, data.url); //Refresh some site variables refresh(); },'json'); }); 

它所做的就是使用ajax_link类捕获对锚元素的点击,并将响应发送到处理该响应数据放入页面的函数。

这适用于Chrome和FF。 我点击链接,jQuery发出get请求,我得到一个JSON对象,我的history.pushState()函数将一些json数据注入我的页面。

我遇到的问题是在IE8中。 基本上发生的事情是当我第一次打开应用程序时,链接工作但它们只工作一次。 我第二次点击链接:

  • 是ajax GET
  • 收到304(未修改)的回复
  • 不调用jQuery.get()回调函数,因此停止死亡。

如果我清除缓存它再次工作。 所以我的假设是IE正在执行get请求,但后来它发现它已经在过去请求了完全相同的文件…因此完全停止了该过程。

有人知道解决这个问题吗? 我已经看过在IE中提到304错误和ajax和缓存的错误,但是还没有找到与我相同的问题。

任何帮助非常感谢

(在Windows虚拟机IE8和Internet Explorer 9中的IE 8模式上测试)

解决了

只需要将以下代码添加到我的document.ready函数中,问题就消失了。

 $.ajaxSetup ({cache: false}); 

改变这一行:

 var new_url = $(this).attr('href') 

对此:

 var new_url = $(this).attr('href') + '?' + Math.random(); 

这被称为“CacheBuster”并有效地创建类似于以下的URL:

 "website.com/page.html?1241233" 

对于“.ajax_link”的每次点击,该随机数都会有所不同,因此IE会认为它是一个新页面并正确使用它。

我们有一个问题IE(和Opera)不喜欢“application / json”,我们必须将响应呈现为“text / plain”。