title: how to enable caching in jquery ajax
body: <pre><code>jQuery("#divProviders img").click(function (e) {
      //alert(jQuery(this)[0].nameProp);
      document.getElementById("TxtProvPic").value = jQuery(this)[0].getAttribute("src"); //jQuery(this)[0].nameProp;
  
  
      $.ajax({
          type: "GET",
          url: "Services/TeleCom/EVoucher.aspx",
          data: "ExtFlag=GetProducts&amp;AjaxFalg=SpecialRequest&amp;prov=" + jQuery(this)[0].id.replace("img_", "") + "&amp;pcat=" + document.getElementById("Txhhc").value,
          beforeSend: function () {
              document.getElementById("DivProducts").innerHTML = "";
              document.getElementById("DivLoad").innerHTML = "&lt;img alt='' style='margin-left:300px;margin-top:80px;position:absolute;'  src='App_Themes/VivaTheme/images/bigloading2.gif'/&gt;";
          },
          cache: true,
          success: function (data) {
  
              var StrResponse;
              StrResponse = data.split('@@@');
  
              EvoucherFillProductsRes(StrResponse[0]);
  
          },
          error: function (xhr) {
              alert("responseText: " + xhr.responseText);
          }
      });
  
      function EvoucherFillProductsRes(res) {
          var slices = res.split("*******");
          document.getElementById("DivProducts").innerHTML = slices[0];
          document.getElementById("DivMenu").innerHTML = slices[1];
          document.getElementById("DivLoad").innerHTML = "";
          jQuery("#BrowsableTwo").scrollable({
              prev: 'a.prodprev',
              next: 'a.prodnext'
          }).navigator();
  
      }
  </code></pre>
  
  <p>I have this function when i click to the link a content is set to a div innerHTML i set <code>cache:true</code> attribute in the jquery ajax but if i click again to the link no cache is displayed the ajax function is still going to the server side and reach for the same content i am confused is <code>cache:true</code> really enable cache and what should i do to make it work ?</p>