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

Question

在我的项目中，我有一个php文件，该文件启动js函数以进行ajax调用。 我的问题是，如果用户刷新浏览器功能上的php页面，请重新进行ajax调用，等等。 我需要缓存ajax执行的第一个结果，以便在刷新完成后使用缓存中的数据，而不是再次进行ajax调用。

我的电话是

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());
    }

如何防止浏览器页面刷新多个Ajax调用？

提前致谢

Answer 1

我建议以下流程：

• 在对请求进行哈希处理之前，您的请求URL（MD5？）
• 检查您的localStorage （或类似存储库）是否具有此哈希值
• 如果没有价值
  • 做你的要求
  • 将返回的数据保存在localStorage中，哈希为键
  • 呈现页面
• 如果值
  • 从localStorage加载
  • 呈现页面

简单！