IE下jquery ajax無(wú)法獲得最新數(shù)據(jù)的問題解決(IE緩存)

2024-09-01 08:29:00

字體：大中小

供稿：網(wǎng)友

今天修改一個(gè)bug，利用ajax查詢數(shù)據(jù)，在谷歌瀏覽器下可以獲取到最新數(shù)據(jù)，而在IE中獲得是舊數(shù)據(jù)，無(wú)法獲得最新的數(shù)據(jù)，經(jīng)查資料，才發(fā)現(xiàn)時(shí)IE緩存再作怪。
發(fā)現(xiàn)此ajax請(qǐng)求用的get方式，每次請(qǐng)求的URL一模一樣，IE瀏覽器有個(gè)特殊的地方，如果每次請(qǐng)求的URL一樣時(shí)，就會(huì)拿出緩存中已有的數(shù)據(jù)顯示在頁(yè)面上，并不會(huì)再次去查詢數(shù)據(jù)庫(kù)，所以每次顯示的都是舊數(shù)據(jù)。

解決辦法：
那就有思路了，我們可以讓它每次請(qǐng)求的URL不一樣，可以加一個(gè)參數(shù)，而且這個(gè)參數(shù)的值每次都不一樣，時(shí)間戳最好不過了。
代碼如下:
url: '{0}/portal/articleManager/getContents?id={1}&date={2}'.format(window.baseUrl, $("#id").val(), new Date())

其中id是有用的參數(shù)，而date參數(shù)我們不做處理就好了。

查資料得知，用post方式請(qǐng)求可以避免在這個(gè)問題，POST被認(rèn)為是一個(gè)變動(dòng)性訪問（瀏覽器認(rèn)為POST的提交，必定是有改變的）。
還有一個(gè)更簡(jiǎn)便的方法，設(shè)置：
代碼如下:
cache:false,

前提就是此請(qǐng)求的cache還不存在。

上一篇：利用ajax實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)驗(yàn)證局部刷新實(shí)例

下一篇：jQuery的ajax傳參巧用JSON使用示例(附Json插件)