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

　　最近和筒子們做了個校園電台，進去之后會自動播放歌曲，每首放完了的話會隨機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");

 

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