web開發(fā)遇到的坑之360瀏覽器緩存問題

再使用360瀏覽器，瀏覽我自己開發(fā)的一個配置的web管理后臺時，發(fā)現(xiàn)，使用ctrl+F5都不能刷新表格的數(shù)據(jù)，還有，我添加字段時，明明是添加成功的，用sql再數(shù)據(jù)庫查都能查出來。但表格里就是不顯示。我從來沒遇到這樣的問題，把我個整懵了。于是我只好百度，發(fā)現(xiàn)這個360瀏覽器是與我平時用的火狐不一樣，網(wǎng)上果然有解決方案。

詳細(xì)如下：

3.1、在 get 請求的 url 后面帶上時間戳參數(shù)，如：

url: prefix + "/network/equipment?times="+new Date().getTime(),

3.2、進(jìn)行請求設(shè)置，強(qiáng)制要求緩存服務(wù)器在返回緩存的版本之前將請求提交到源頭服務(wù)器進(jìn)行驗(yàn)證

ajax 使用 setRequestHeader 方法，jQuery 中使用 cache: false 設(shè)置，axios中設(shè)置header。

// ajax

xhr.setRequestHeader("Cache-Control", "no-cache");

xhr.setRequestHeader("Pragma", "no-cache");

// jQuery cache: false 設(shè)置

$.ajax({

type: "get",

cache: false,

url: url,

success: function (msg) {

}

});

// axios

const http = axios.create({

// ...

headers: {

'Pragma': 'no-cache',

'Cache-Control': 'no-cache'

}

// ...

})

3.3、將get請求改為post請求

總結(jié)

以上是生活随笔為你收集整理的360浏览器 ajax取缓存,web开发遇到的坑之360浏览器缓存问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。