ajax頁面無刷新 IE下遭遇Ajax緩存導(dǎo)致數(shù)據(jù)不更新的問題
更新時間：2012年12月11日 17:51:45 作者：
在做ajax頁面無刷新添加的時候，IE下遭遇Ajax緩存，因為剛開始并不知道IE有這個壞毛病，折騰好久，終于解決問題,曬出來和大家分享，希望可以幫助你們
在做ajax頁面無刷新添加的時候，IE下遭遇Ajax緩存，因為剛開始并不知道IE有這個壞毛病，折騰好久，終于解決問題。
總結(jié)一下解決辦法：
在IE下用Ajax請求某一頁面，通常會因為緩存的原因而返回上一次的結(jié)果，造成混亂，[即get方式時，獲取數(shù)據(jù)，因發(fā)送參數(shù)和地址都一致，故IE瀏覽器會從緩存中取，而不會去請求服務(wù)器端，而post方式因為參數(shù)的不同，不會產(chǎn)生這個問題]而FF下不會出現(xiàn)這種情況。為了不受緩存影響，可以這樣做：
IE訪問策略：
Internet選項--瀏覽歷史記錄--設(shè)置-- Internet 臨時文件的選項改為每次訪問網(wǎng)頁時也可以
1: 在AJAX請求的頁面后加個隨機函數(shù),我們可以使用隨機時間函數(shù)
在javascript發(fā)送的URL后加上
1 t=Math.random()
例如這樣:
1 URL+"&"+"t="+Math.random();//或者new Date();
在 URL 參數(shù)后加上 www.hake.cc
1 "?timestamp=" + new Date().getTime();
最好的方法：
1 $.ajaxSetup({cache:false})
這樣頁面中所有的ajax請求時，都執(zhí)行這個。就不必改已經(jīng)完成的N個接口
總結(jié)一下解決辦法：
在IE下用Ajax請求某一頁面，通常會因為緩存的原因而返回上一次的結(jié)果，造成混亂，[即get方式時，獲取數(shù)據(jù)，因發(fā)送參數(shù)和地址都一致，故IE瀏覽器會從緩存中取，而不會去請求服務(wù)器端，而post方式因為參數(shù)的不同，不會產(chǎn)生這個問題]而FF下不會出現(xiàn)這種情況。為了不受緩存影響，可以這樣做：
IE訪問策略：
Internet選項--瀏覽歷史記錄--設(shè)置-- Internet 臨時文件的選項改為每次訪問網(wǎng)頁時也可以
1: 在AJAX請求的頁面后加個隨機函數(shù),我們可以使用隨機時間函數(shù)
在javascript發(fā)送的URL后加上
1 t=Math.random()
例如這樣:
1 URL+"&"+"t="+Math.random();//或者new Date();
在 URL 參數(shù)后加上 www.hake.cc
1 "?timestamp=" + new Date().getTime();
最好的方法：
1 $.ajaxSetup({cache:false})
這樣頁面中所有的ajax請求時，都執(zhí)行這個。就不必改已經(jīng)完成的N個接口
您可能感興趣的文章:
- jQuery實現(xiàn)AJAX定時刷新局部頁面實例
- JS+Ajax+Jquery實現(xiàn)頁面無刷新分頁以及分組 超強的實現(xiàn)
- 基于Jquery 解決Ajax請求的頁面 瀏覽器后退前進功能，頁面刷新功能實效問題
- Ajax實現(xiàn)頁面自動刷新實例解析
- django+js+ajax實現(xiàn)刷新頁面的方法
- Ajax回退刷新頁面問題的解決辦法
- 使用ajax實現(xiàn)無刷新改變頁面內(nèi)容和地址欄URL
- Ajax+php數(shù)據(jù)交互并且局部刷新頁面的實現(xiàn)詳解
- 淺談Ajax技術(shù)實現(xiàn)頁面無刷新
- AJAX實現(xiàn)指定部分頁面刷新效果
相關(guān)文章
本文主要介紹了jQuery事件與動畫的基礎(chǔ)知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
jQuery中checkbox反復(fù)調(diào)用attr(''checked'', true/false)只有第一次生效的解決方法
這篇文章主要介紹了jQuery中checkbox反復(fù)調(diào)用attr('checked', true/false)只有第一次生效的解決方法,通過使用prop方法代替attr方法來解決此問題,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了小編日常收集整理的關(guān)于jQuery中常用動畫效果函數(shù)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
jQuery選中select控件 無法設(shè)置selected的解決方法
select 控件的 option用jQuery動態(tài)添加，然后選中某項時，IE6不能執(zhí)行（火狐沒問題），用try{}catch(err){alert(err.description);}提示為“無法設(shè)置selected屬性 未指明的錯誤”
2010-09-09 
通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中，jqgrid的特點是非常鮮明的，所以jqgrid表格插件用處非常廣泛，本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)，需要的朋友參考下
2015-12-12 
這篇文章主要介紹了jQuery實現(xiàn)拖拽效果插件的方法,較為詳細的分析了jQuery拖拽效果的實現(xiàn)技巧,需要的朋友可以參考下
2015-03-03 
2022-03-03
這篇文章主要介紹了jQuery實現(xiàn)的登錄浮動框效果代碼,點擊登陸鏈接可彈出懸浮登錄框,涉及jQuery中show與hide方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09 
jquery簡單實現(xiàn)滾動條下拉DIV固定在頭部不動
滾動條下拉DIV固定在頭部不動效果，想必很多的朋友都有見到過吧，下面為大家詳細介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以參考下
2013-11-11