ajax調用中ie緩衝問題解決方案_AJAX相關

來源:互聯網
上載者:User

本文執行個體分析了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程式設計有所協助。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.