[IE bug] ajax請求 304解決方案

標籤：style   blog   http   width   2014   art   

　　最近和筒子們做了個校園電台，進去之後會自動播放歌曲，每首放完了的話會隨機get新的json，然後再播放下一首

　　整體做成了命令列的風格，在最後輸入next,start等命令來操作，5+M/s校園網+W級的曲庫，最後做出來的效果還是很贊的

　　在同學間推廣了一下，有好評咯

　　反饋回來的產品設計的bug 和 代碼bug 也不少，最逗的一個就是 IE瀏覽器下，每次換出來的新歌都是一首

　　調試前以為是js代碼在IE下啟動並執行問題，後來發現js沒有bug　　

　　開啟調試工具之後，原因一下就明朗了 ajax返回結果HTTP304 ...   每次請求的走的是緩衝，而Chrome等瀏覽器是正常返回的200

　　ajax緩衝= = IE真是無所不能啊 Σ( ° △ °|||)︴

　　！ajax走緩衝= =！╮(╯▽╰)╭

　　原因找到了，bug就很好改了，不讓緩衝或者即時擷取最新的就行

 

　　【解決方案】

　　IE下的ajax請求是按照ip地址和請求路由進行緩衝，所以最簡單的辦法：

　　1.直接在請求的時候再請求連結的末尾自動添加個時間戳記或者隨機種子就OK了

　　　　像上面的話：      /Home/GetMusic?id=1+時間戳記    ，很方便可以解決

　　2.既然它緩衝，那就不讓它緩衝

　　　　前端頁面禁止緩衝： <META HTTP-EQUIV="pragma" CONTENT="no-cache">

　　　　前端ajax禁止緩衝：

　　　　　　ajax請求的cache參數：要求為Boolean類型的參數，預設為true（當dataType為script時，預設為false）。設定為false將不會從瀏覽器緩衝中載入請求資訊。

　　　　後端：

　　　　　　.net  ： Response.CacheControl="no-cache";

　　　　　　php   ： header("Cache-Control: no-cache, must-revalidate");

　　　　　　　　　　 header("Pragma: no-cache");

 

　　　總之一句話的事情，第一次遇到，存一下咯。