如何解決Ajax中瀏覽器的緩存問(wèn)題

這篇文章主要講解了“如何解決Ajax中瀏覽器的緩存問(wèn)題”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“如何解決Ajax中瀏覽器的緩存問(wèn)題”吧！

每次清除緩存后，就會(huì)得到一個(gè)新的數(shù)據(jù)，所以歸根到底就是瀏覽器緩存問(wèn)題。糾結(jié)了很久，終于解決了，在這里總結(jié)一下。

我們都知道ajax能提高頁(yè)面載入的速度主要的原因是通過(guò)ajax減少了重復(fù)數(shù)據(jù)的載入，也就是說(shuō)在載入數(shù)據(jù)的同時(shí)將數(shù)據(jù)緩存到內(nèi)存中，一旦數(shù)據(jù)被加載其中，只要我們沒(méi)有刷新頁(yè)面，這些數(shù)據(jù)就會(huì)一直被緩存在內(nèi)存中，當(dāng)我們提交 的URL與歷史的URL一致時(shí)，就不需要提交給服務(wù)器，也就是不需要從服務(wù)器上面去獲取數(shù)據(jù)，雖然這樣降低了服務(wù)器的負(fù)載提高了用戶的體驗(yàn)，但是我們不能獲取最新的數(shù)據(jù)。為了保證我們讀取的信息都是最新的，我們就需要禁止他的緩存功能。

解決方案有如下幾種：

1、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。

2、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。

3、在URL后面加上一個(gè)隨機(jī)數(shù)： "fresh=" + Math.random();。

4、在URL后面加上時(shí)間搓："nowtime=" + new Date().getTime();。

5、如果是使用jQuery，直接這樣就可以了$.ajaxSetup({cache:false})。這樣頁(yè)面的所有ajax都會(huì)執(zhí)行這條語(yǔ)句就是不需要保存緩存記錄。

感謝各位的閱讀，以上就是“如何解決Ajax中瀏覽器的緩存問(wèn)題”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)如何解決Ajax中瀏覽器的緩存問(wèn)題這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！