你知道HTTP狀態碼204和304的區別麼?

 

    在搜索引擎中輸入“HTTP狀態碼”,或者輸入“http status code”,可以找到詳盡的資料。但是,這些資料大都是描述了狀態碼的定義,至於技術上的微妙之處,只能是靠自己摸索了吧。

 

204和304的區別,直接告訴大家答案,還是先賣個關子呢?知道答案的看到這裏可以離開了,不知道答案的如果着急,可以直接跳到最後。如果還有些興趣,那就跟我一步步來吧,這樣記憶會更長久一些。

 

204和304的定義,簡單描述如下:

204 No Content
304 Not Modified

 

顧名思義倒是能看出一些端倪。但是,無論是英文還是中文,204的補充說明很有誤導性:

If the client is a user agent, it SHOULD NOT change its document view.
在並沒有新文檔的情況下,204 (SC_NO_CONTENT)確保瀏覽器繼續顯示先前的文檔。

 

在真相大白之前,還是先看看我遇到的問題吧。

 

現象:

   網頁使用了jQuery。本機IE10打開頁面沒有問題。兩位同事的IE10打開頁面報$函數不存在錯誤。 

分析:

兩位同事的IE10對兩個頁面中相同來源的javascript文件,只執行一遍。打開第一個頁面能夠正常顯示,打開第二個頁面則報$函數不存在錯誤。

錯誤的解決方式:

恢復IE默認配置,如下圖所示:

正確的解決方式:

注意到這個站點在輸出內容之前有這麼一個邏輯

if(resultText.equals("")){
httpServletResponse.setStatus(204);
}

正確的做法是把整個if語句全部注掉。瀏覽器的配置是“自動”還是“每次訪問網頁時”,都行。錯誤現象中“本機IE10打開頁面沒有問題”是個誤導,只要操作“得當”,問題在本機也是可以再現的。

 

真相,204和304的區別:

 在本例中,204的同時返回了空文件,這個空文件要替換上次緩存的文件。這樣第一次打開頁面獲取jQuery代碼是正確的,頁面正常顯示;第二次打開頁面時詢問是否要更新,結果返回了空文件,這個空文件成爲了新的緩存,然後錯誤現象看起來就像是jQuery沒有加載,而且以後也不會再“加載”了,因爲文件是空的拿什麼加載?註釋掉那個httpServletResponse.setStatus(204)的程序指令,Web服務器就自動返回304了,304的意思是還用上次的緩存,這樣就不會有空文件的問題,所以頁面正常顯示。這就解釋了爲什麼當出現問題時清空緩存有用,也不難理解爲什麼“每次從服務器刷新”更有用。因爲瀏覽器安裝的默認配置就是有緩存機制的,我們要求每個用戶去修改他們的配置不現實,所以倘若不能夠正確地理解到204和304的微妙區別,便不能剷除錯誤的根源,留下一個陰影在那裏微笑。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章