Angularjs在360兼容模式下取數(shù)據(jù)緩存問(wèn)題的解決辦法
測(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)題。
相關(guān)文章
AngularJS監(jiān)聽(tīng)路由變化的方法
本篇文章主要介紹了AngularJS監(jiān)聽(tīng)路由變化的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
AngularJS實(shí)現(xiàn)注冊(cè)表單驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)注冊(cè)表單驗(yàn)證功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
AngularJS過(guò)濾器filter用法實(shí)例分析
這篇文章主要介紹了AngularJS過(guò)濾器filter用法,結(jié)合實(shí)例形式分析了過(guò)濾器filter的定義與使用技巧,需要的朋友可以參考下2016-11-11
Angular 4依賴(lài)注入學(xué)習(xí)教程之FactoryProvider配置依賴(lài)對(duì)象(五)
這篇文章主要給大家介紹了關(guān)于A(yíng)ngular 4依賴(lài)注入之FactoryProvider配置依賴(lài)對(duì)象的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-06-06
詳解Angular路由動(dòng)畫(huà)及高階動(dòng)畫(huà)函數(shù)
本文主要講解了Angular的路由動(dòng)畫(huà)和高階動(dòng)畫(huà)函數(shù),對(duì)此感興趣的同學(xué),可以把代碼親自實(shí)驗(yàn)一下,理解其原理。2021-05-05
AngularJS實(shí)現(xiàn)DOM元素的顯示與隱藏功能
這篇文章主要介紹了AngularJS實(shí)現(xiàn)DOM元素的顯示與隱藏功能,涉及AngularJS中ng-hide與ng-show兩個(gè)屬性的使用,需要的朋友可以參考下2016-11-11
AngularJs實(shí)現(xiàn)ng1.3+表單驗(yàn)證
這篇文章主要介紹了AngularJs實(shí)現(xiàn)ng1.3+表單驗(yàn)證,感興趣的小伙伴們可以參考一下2015-12-12
ionic3+Angular4實(shí)現(xiàn)接口請(qǐng)求及本地json文件讀取示例
本篇文章主要介紹了ionic3+Angular4實(shí)現(xiàn)接口請(qǐng)求及本地json文件讀取示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10

