缓存ajax调用的结果以防止多次运行

Question

In my project i have a php file that launch a js function that make an ajax call. My problem is, if a user refresh php page on browser function re-make ajax call and so on. I need to cache the first result of ajax execution so that if the refresh is done being used data in the cache and not the ajax call is made again.

My call is

if (xmlHttp)
    {
    // try to connect to the server
    try
    {
      xmlHttp.open("GET", "top10.php?P1="+oStxt, true);
      xmlHttp.onreadystatechange = handleRequestStateChange10;
      xmlHttp.send(null);
    }
        // display the error in case of failure
        catch (e)
    {
        alert("Can't connect to server:\n" + e.toString());
    }

How can i prevent multiple ajax call from browser page refresh?

Thanks in advance

Answer 1

I would suggest the following flow:

• Before making the request hash your request URL (MD5?)
• Check to see if your localStorage (or similar) has a value for this hash
• If no value
  • do your request
  • save returned data in localStorage with hash as key
  • render page
• If value
  • load from localStorage
  • render page

Easy!