我們?cè)谧鲰?xiàng)目中,一般提交請(qǐng)求都會(huì)通過ajax來提交,但是測(cè)試的時(shí)候發(fā)現(xiàn),每次提交后得到的數(shù)據(jù)都是一樣的,調(diào)試可以排除后臺(tái)代碼的問題,所以問題肯定是出在前臺(tái)。每次清除緩存后,就會(huì)得到一個(gè)新的數(shù)據(jù),所以歸根到底就是瀏覽器緩存問題。糾結(jié)了很久,終于解決了,在這里總結(jié)一下。
我們都知道ajax能提高頁(yè)面載入的速度主要的原因是通過ajax減少了重復(fù)數(shù)據(jù)的載入,也就是說在載入數(shù)據(jù)的同時(shí)將數(shù)據(jù)緩存到內(nèi)存中,一旦數(shù)據(jù)被加載其中,只要我們沒有刷新頁(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í)行這條語句就是不需要保存緩存記錄。