Angularjs在360兼容模式下取數(shù)據(jù)緩存問題的解決辦法
測(cè)試提了一個(gè)bug,在360瀏覽器兼容模式下,刪除頁面數(shù)據(jù)需要手動(dòng)刷新瀏覽器才能看到最新的數(shù)據(jù)。首先要復(fù)現(xiàn)當(dāng)時(shí)的問題,很容易就復(fù)現(xiàn)了,但是發(fā)現(xiàn)在360瀏覽器兼容模式下無法打開開發(fā)者工具。好在經(jīng)過反復(fù)重裝之后,終于打開了開發(fā)者工具,經(jīng)過跟蹤發(fā)現(xiàn),第一次刪除數(shù)據(jù)時(shí)可以正常刷新,第二次或以后的刪除將無法刷新,跟蹤代碼,發(fā)現(xiàn)通過異步請(qǐng)求的數(shù)據(jù)正常的返回并且綁定了。點(diǎn)擊搜索按鈕,也無法實(shí)現(xiàn)刷新,但是點(diǎn)擊分頁,發(fā)現(xiàn)可以翻頁。初步推斷是瀏覽器緩存了異步請(qǐng)求數(shù)據(jù),跟蹤比較返回的數(shù)據(jù)發(fā)現(xiàn),推斷是正確的。于是從網(wǎng)上搜到一段代碼,設(shè)置為無緩存請(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'; });
以上主要是我解決問題的思路和方法,期望能夠幫助其他遇到這個(gè)問題的小伙伴們快速解決這個(gè)問題。
相關(guān)文章
Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框選擇
這篇文章主要為大家介紹了Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框取消選擇實(shí)現(xiàn)問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05Angular實(shí)現(xiàn)搜索框及價(jià)格上下限功能
這篇文章主要為大家詳細(xì)介紹了Angular實(shí)現(xiàn)搜索框及價(jià)格上下限功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01angularjs點(diǎn)擊圖片放大實(shí)現(xiàn)上傳圖片預(yù)覽
這篇文章主要為大家詳細(xì)介紹了angularjs點(diǎn)擊圖片放大實(shí)現(xiàn)上傳圖片預(yù)覽的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02AngularJS基礎(chǔ) ng-paste 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-paste 指令,這里對(duì)ng-paste 指令的基礎(chǔ)資料做了整理,并附有代碼示例,有需要的朋友可以參考下2016-08-08詳解webpack+angular2開發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack+angular2開發(fā)環(huán)境搭建,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06