DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> ajax調用中ie緩存問題解決方法
ajax調用中ie緩存問題解決方法
編輯:AJAX基礎知識     

本文實例分析了ajax調用中ie緩存問題解決方法。分享給大家供大家參考,具體如下:

ajax請求調用的過程中發現的問題:後台請求是一個簡單的.aspx文件,而這個頁面又沒有考慮過緩存的影響,使用ajax調試的時候發現有時候根本不走後台代碼直接返回結果了,所以估計是受到浏覽器緩存的影響。網上搜了一下,果然是緩存的問題:“IE中如果XMLHttpRequest提交的URL與歷史一樣則使用緩存,根本不向服務器端提交。因此無法取到剛提交的數據或新的數據”。

解決方法大致有下面幾種:

1、只改進服務器端

(1)後台是簡單的.aspx文件,直接加上復制代碼 代碼如下:<%@ OutPutCache Location="None"%>即可。

(2)但是如果後台是.ashx文件通常在類裡直接修改緩存設置。
復制代碼 代碼如下:context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
2、只改進客戶端

(1)利用加隨機數或加時間戳改變請求地址

a、加隨機數:復制代碼 代碼如下:var url='AjaxOperations.aspx?rdm='+Math.random()+'&action='+op;
b、加時間戳:復制代碼 代碼如下:var url='AjaxOperations.aspx?dtStamp='+new Date().getTime()+'&action='+op;
這一種解決方案,只需要加個時間或隨機數作為參數,服務器端不需要任何改動就可以達到目的。

(2)前台異步調用設置XMLHttpRequest對象的屬性

在XMLHttpRequest發送請求之前加上復制代碼 代碼如下:XMLHttpRequest.setRequestHeader("If-Modified-Since","0")個人認為這個才是“正道”。因為你不能明確哪些ajax請求是需要還是不需要緩存的(解決網站的性能瓶頸,利用有緩存的ajax居多),所以每次在發送請求的時候確認一下是否要緩存,相對於2中的第(1)條顯然少寫了一個url參數,而且服務器端(改進方法1)也不需要改變設置,但是對於已經封裝好的ajax庫,你可能已經不能在外面直接使用XMLHttpRequest對象了,通常的設置語法可能是將("If-Modified-Since","0")作為參數傳遞:ajaxObj.sendPost(其他參數列表,...."If-Modified-Since","0"); (post方式)

或者 ajaxObj.sendGet(其他參數列表,...."If-Modified-Since","0"); (get方式)

希望本文所述對大家ajax程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved