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

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

詳細如下：

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

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

3.2、進行請求設置，強制要求緩存服務器在返回緩存的版本之前將請求提交到源頭服務器進行驗證

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

// ajax

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

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

// jQuery cache: false 設置

$.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請求

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。