已完本玄幻小说排行榜,我欲封天耳根小说零,懒人听书

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

談?wù)処E針對Ajax請求結(jié)果的緩存

在默認(rèn)情況下，IE會針對請求地址緩存Ajax請求的結(jié)果。換句話說，在緩存過期之前，針對相同地址發(fā)起的多個Ajax請求，只有第一次會真正發(fā)送到服務(wù)端。在某些情況下，這種默認(rèn)的緩存機制并不是我們希望的（比如獲取實時數(shù)據(jù)），這篇文章就來簡單地討論這個問題，以及介紹幾種解決方案。

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供曲松企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計、成都做網(wǎng)站、成都h5網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為曲松眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

一、問題重現(xiàn)

我們通過一個ASP.NET MVC應(yīng)用來重現(xiàn)IE針對Ajax請求結(jié)果的緩存。在一個空ASP.NET MVC應(yīng)用中我們定義了如下一個默認(rèn)的HomeController，其中包含一個返回當(dāng)前時間的Action方法GetCurrentTime。

 
 
 
 
  
  
  
   public class HomeController : Controller 
  
  
  
   { 
  
  
  
       public ActionResult Index() 
  
  
  
      { 
  
  
  
         return View(); 
  
  
  
      } 
  
  
  
    
  
  
  
      public string GetCurrentTime() 
  
  
  
      { 
  
  
  
         return DateTime.Now.ToLongTimeString(); 
  
  
  
      } 
  
  
  
  }

默認(rèn)Action方法Index對應(yīng)的View定義如下。我們每隔5秒鐘利用JQuery的方法以Ajax的方式調(diào)用GetCurrentTime操作，并將返回的結(jié)果顯示出來。

 
 
 
 
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
          @ViewBag.Title   
  
  
  
          
  
  
  
          
  
  
  
              $(function () { 
  
  
  
                  window.setInterval(function () { 
  
  
  
                     $.ajax({ 
  
  
  
                         url:'@Url.Action("GetCurrentTime")', 
  
  
  
                         success: function (result) { 
  
  
  
                            $("ul").append("
" + result + ""); 
  
  
  
                         } 
  
  
  
                     }); 
  
  
  
                 }, 5000); 
  
  
  
             });

采用不同的瀏覽器運行該程序會得到不同的輸出結(jié)果，如下圖所示，Chrome瀏覽器中能夠顯示出實時時間，但是在IE中顯示的時間都是相同的。

二、通過為URL地址添加后綴的方式解決問題

由于IE針對Ajax請求的返回的結(jié)果是根據(jù)請求地址進行緩存的，所以如果不希望這個緩存機制生效，我們可以在每次請求時為請求地址添加不同的后綴來解決這個問題。針對這個例子，我們通過如下的代碼為請求地址添加一個基于當(dāng)前時間的查詢字符串，再次運行程序后IE中將會顯示實時的時間。

 
 
 
 
  
  
  
   
  
  
  
   
  
  
  
                
  
  
  
           
  
  
  
               $(function () { 
  
  
  
                   window.setInterval(function () { 
  
  
  
                       $.ajax({ 
  
  
  
                           url:'@Url.Action("GetCurrentTime")?'+ new Date().toTimeString() , 
  
  
  
                           success: function (result) { 
  
  
  
                              $("ul").append("
" + result + ""); 
  
  
  
                          } 
  
  
  
                      }); 
  
  
  
                  }, 5000); 
  
  
  
              });

三、通過jQuery的Ajax設(shè)置解決問題

實際上jQuery具有針對這個的Ajax設(shè)置，我們只需要按照如下的方式調(diào)用$.ajaxSetup方法禁止掉Ajaz的緩存機制。

 
 
 
 
  
  
  
  
  
  
  
  
  
  
  
               
  
  
  
          
  
  
  
              $(function () { 
  
  
  
                  $.ajaxSetup({ cache: false });  
  
  
  
                  window.setInterval(function () { 
  
  
  
                      $.ajax({ 
  
  
  
                          url:'@Url.Action("GetCurrentTime")', 
  
  
  
                         success: function (result) { 
  
  
  
                             $("ul").append("
" + result + ""); 
  
  
  
                         } 
  
  
  
                     }); 
  
  
  
                 }, 5000); 
  
  
  
             }); 
  
  
  
         
  
  
  
     
  
  
  
  /html>

實際上jQuery的這個機制也是通過為請求地址添加不同的查詢字符串后綴來實現(xiàn)的，這可以通過Fiddler攔截的請求來證實。

四、通過定制響應(yīng)解決問題

我們可以通過請求的響應(yīng)來控制瀏覽器針對結(jié)果的緩存，為此我們定義了如下一個名為NoCacheAttribute的ActionFilter。在實現(xiàn)的OnActionExecuted方法中，我們調(diào)用當(dāng)前HttpResponse的SetCacheability方法將緩存選項設(shè)置為NoCache。該NoCacheAttribute特性被應(yīng)用到GetCurrentTime方法后，運行我們的程序在IE中依然可以得到實時的時間。

 
 
 
 
  
  
  
   public class HomeController : Controller   
  
  
  
   {   
  
  
  
       public ActionResult Index()   
  
  
  
       {   
  
  
  
           return View();   
  
  
  
       }   
  
  
  
       
  
  
  
       [NoCache]    
  
  
  
       public string GetCurrentTime()   
  
  
  
      {   
  
  
  
          return DateTime.Now.ToLongTimeString();   
  
  
  
      }   
  
  
  
  }   
  
  
  
  public class NoCacheAttribute : FilterAttribute, IActionFilter   
  
  
  
  {   
  
  
  
      public void OnActionExecuted(ActionExecutedContext filterContext)   
  
  
  
      {   
  
  
  
          filterContext.HttpContext.Response.Cache.SetCacheability(HttpCacheability.NoCache);   
  
  
  
      }   
  
  
  
      
  
  
  
      public void OnActionExecuting(ActionExecutingContext filterContext)   
  
  
  
      {}   
  
  
  
  }

實際NoCacheAttribute特性最終控制消息消息的Cache-Control報頭，并將其設(shè)置為“no-cache”，指示瀏覽器不要對結(jié)果進行緩存。如下所示的是針對GetCurrentTime請求的響應(yīng)消息：

 
 
 
 
  
  
  
   HTTP/1.1 200 OK 
  
  
  
   Server: ASP.NET Development Server/10.0.0.0 
  
  
  
   Date: Thu, 03 Jan 2013 12:54:56 GMT 
  
  
  
   X-AspNet-Version: 4.0.30319 
  
  
  
   X-AspNetMvc-Version: 4.0 
  
  
  
   Cache-Control: no-cache  
  
  
  
   Pragma: no-cache 
  
  
  
   Expires: -1 
  
  
  
   Content-Type: text/html; charset=utf-8 
  
  
  
  Content-Length: 10 
  
  
  
  Connection: Close 
  
  
  
  8:54:56 PM

分享標(biāo)題：談?wù)処E針對Ajax請求結(jié)果的緩存
瀏覽地址：http://fisionsoft.com.cn/article/djgdigj.html

新聞中心

其他資訊