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