我之前写了一个NavigationService,用来做页面的Ajax导航,但是今天发现一个问题,在IE下面,发现Ajax的请求不会真正的被发送到服务器端,在IE里面,返回的永远是304。这个应该是IE的设计问题:查了一下,发现这个博文里面提到了问题的本质:http://blog.sina.com.cn/s/blog_4b7809800100y1c3.html。“因为ajax请求的时候如果使用get方式请求,同时路径参数相同的时候,ajax会先从本地缓存中取,如果取到了它是不会去请求后台的”,知道了问题就好办了,照着文章中写的那样,给每个AJAX的请求都加一个请求参数,以保证URL永远不同。这个是修改之后的代码:
# require: jQuery
# Encapsulate the logic to dynamic load content by Url flag segment
class UrlFlagNaviListener
#public:
constructor: (@m_container, @m_uiLoading, @m_uiError)->
this.__addListener();
naviContent: (contentAjaxUrl)->
contentAjaxUrl = (contentAjaxUrl || window.location.hash).slice(1);
this._naviContentImpl(contentAjaxUrl);
#protected:
_naviContentImpl: (contentAjaxUrl) -> # to be overriden
#private:
__addListener: ()->
$(window).on("hashchange", ()=>
this.naviContent();
);
class ContentNaviListener extends UrlFlagNaviListener
#protected:
_naviContentImpl: (contentAjaxUrl) ->
if (contentAjaxUrl isnt '')
# cancel the previous page's deferred
if (@m_prevRequest?.deferred.state() is 'pending')
console.log("Previous request is cancelled.")
@m_prevRequest.deferred.abort();
@m_prevRequest.stopAnimation();
@m_prevRequest = null;
@m_container.hide();
@m_uiError.hide();
request = {};
# Start animation and return the function to stop it
request.stopAnimation = (()=>
animation = ()=>@m_uiLoading.fadeIn(800).fadeOut(1000);
animation();
timer = setInterval(animation, 2000);
stopAnimation = ()=>
clearInterval(timer);
@m_uiLoading.stop().hide();
return stopAnimation
)();
# Force IE9 refresh the ajax page
leadingChar = if (contentAjaxUrl.indexOf("?") is -1) then "?" else "&"
contentAjaxUrl += "#{leadingChar}timeStamp=#{new Date().getTime()}"
request.deferred = $
.get(contentAjaxUrl)
.done( (data, textStatus, jqXHR)=>
request.stopAnimation();
@m_container.show().html(data) )
.fail( ()=>
request.stopAnimation();
@m_uiError.show() )
@m_prevRequest = request;
############
# Exports
############
window.ContentNaviListener = ContentNaviListener;