title: Prevent browser from caching AJAX requests
body: <p>I've setup an app and it works fantastic on Opera and Firefox, but on Google Chrome it caches the AJAX request and will give stale data!</p>
  
  <p><a href="http://gapps.qk.com.au/">http://gapps.qk.com.au</a> is the app. When ran in Chrome it doesn't even send the AJAX requests, but when tried in another browser it always does the AJAX request and returns data.</p>
  
  <p><strong>Is there any method (Apache/PHP/HTML/JS) to stop Chrome from doing this behavior?</strong> </p>
  
  <p>The AJAX call:</p>
  
  <pre><code>function sendAjax(action,domain,idelement) {
  
                      //Create the variables
                  var xmlhttp,
                      tmp,
                      params = "action=" + action
                               + "&amp;domain=" + encodeURIComponent(domain)
  
                      xmlhttp = new XMLHttpRequest(); 
                  //Check to see if AJAX request has been sent
                  xmlhttp.onreadystatechange = function () {
                      if (xmlhttp.readyState === 4 &amp;&amp; xmlhttp.status === 200) {
                          $('#'+idelement).html(xmlhttp.responseText);
                      }
                  };
                  xmlhttp.open("GET", "ajax.php?"+params, true);
                  xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                  //console.log(params);
                  xmlhttp.send(params);
  
              }
  sendAjax('gapps','example.com','gapps');
  </code></pre>