Angularjs在360兼容模式下取數(shù)據(jù)緩存問(wèn)題的解決辦法

發(fā)布時(shí)間：2020-10-18 17:25:22 來(lái)源：腳本之家閱讀：164 作者：大朋展翅欄目：web開(kāi)發(fā)

測(cè)試提了一個(gè)bug，在360瀏覽器兼容模式下，刪除頁(yè)面數(shù)據(jù)需要手動(dòng)刷新瀏覽器才能看到最新的數(shù)據(jù)。首先要復(fù)現(xiàn)當(dāng)時(shí)的問(wèn)題，很容易就復(fù)現(xiàn)了，但是發(fā)現(xiàn)在360瀏覽器兼容模式下無(wú)法打開(kāi)開(kāi)發(fā)者工具。好在經(jīng)過(guò)反復(fù)重裝之后，終于打開(kāi)了開(kāi)發(fā)者工具，經(jīng)過(guò)跟蹤發(fā)現(xiàn)，第一次刪除數(shù)據(jù)時(shí)可以正常刷新，第二次或以后的刪除將無(wú)法刷新，跟蹤代碼，發(fā)現(xiàn)通過(guò)異步請(qǐng)求的數(shù)據(jù)正常的返回并且綁定了。點(diǎn)擊搜索按鈕，也無(wú)法實(shí)現(xiàn)刷新，但是點(diǎn)擊分頁(yè)，發(fā)現(xiàn)可以翻頁(yè)。初步推斷是瀏覽器緩存了異步請(qǐng)求數(shù)據(jù)，跟蹤比較返回的數(shù)據(jù)發(fā)現(xiàn)，推斷是正確的。于是從網(wǎng)上搜到一段代碼，設(shè)置為無(wú)緩存請(qǐng)求，代碼如下：

app.config(function ($httpProvider) {
 // Initialize get if not there
 if (!$httpProvider.defaults.headers.get) {
  $httpProvider.defaults.headers.get = {};
 }
 // Enables Request.IsAjaxRequest() in ASP.NET MVC
 $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
 //禁用IE對(duì)ajax的緩存
 $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
 $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
});

以上主要是我解決問(wèn)題的思路和方法，期望能夠幫助其他遇到這個(gè)問(wèn)題的小伙伴們快速解決這個(gè)問(wèn)題。

向AI問(wèn)一下細(xì)節(jié)

Angularjs在360兼容模式下取數(shù)據(jù)緩存問(wèn)題的解決辦法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽