Skip to content

banner ajax
The Complete Reference: Ajax

Examples: Browser Cache

Home Examples Chapter 6 Browser Cache
zip Download
This Example

Built in Cache Explorer

Prevent Caching:
Enable Caching:


 
view plainprint
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chapter 6 : Networking Considerations - Built in Caching Explorer</title>
<link rel="stylesheet" href="http://ajaxref.com/ch6/global.css" type="text/css" media="screen" />
<script src="http://ajaxref.com/ch6/ajaxtcr.js" type="text/javascript">
</script>
<script type="text/javascript">
 
 
function prepareRequests(form)
{
    var url =  "http://ajaxref.com/ch6/hello.php";
    
    var prevent = form.prevent.options[form.prevent.selectedIndex].value;
    var enable = form.enable.options[form.enable.selectedIndex].value;
    
    var payload = "";
    if (prevent == "date")
        payload = "ts=" + (new Date()).getTime();
    else if (prevent == "response")
        payload = "headers=prevent";
    else if (enable == "response")
        payload = "headers=enable";
    
    
    /* define communication options */
      var options = { method: "GET",
              outputTarget : "responseOutput",
            payload:payload
      };
    
    if (prevent == "request")
        options.preventCache = true;
    
    AjaxTCR.comm.sendRequest(url,options);
    
}
 
 
window.onload = function () 
{ 
 document.requestForm.requestButton.onclick = function () { prepareRequests(this.form); };
};
</script>
 
</head>
<body>
<div class="content">
<h1>Built in Cache Explorer</h1>
<form action="#" name="requestForm">
<fieldset>
 
<table width="100%">
<tr class="row">
<td width="125">Prevent Caching:</td>
<td>
  <select name="prevent">
      <option value="none">None</option>
    <option value="response">Response Headers</option>
    <option value="request">Request Headers</option>
    <option value="date">Unique URL</option>
   </select>
</td>
</tr>
 
<tr class="row">
<td>Enable Caching: </td>
<td><select name="enable">
    <option value="none">None</option>
    <option value="response">Response Headers</option>
</select></td>
</tr>
 
</table>
</fieldset>
  
<br />
  <input type="button" name="requestButton" value="Send Request" />
</form>
<br />
</div>
<div id="response" class="results">
    <div id="responseOutput">&nbsp;</div>
</div>
 
</body>
</html>
McGraw Hill: Osborne This Site Sponsored by PINT Report a bug