如何防止每次页面加载都向服务器发出请求

Question

我想知道是否有一种方法可以阻止Javascript在每个页面调用一个php并填充一个数组，而只是将数组带到用户浏览器的所有页面上。

目前，每次加载页面时，它都会向服务器发出新的请求，并重新填充数组，例如，当用户单击html页面上的链接时。

这是我的JS文件中的内容：

//Browser Support Code
function call_data(url,data){
  if (window.XMLHttpRequest) {              
    AJAX=new XMLHttpRequest();              
  } else {                                  
    AJAX=new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (AJAX) {
  querystring = "?dta="+data;
     AJAX.open("GET", url + querystring, false);                             
     AJAX.send(null);
     return AJAX.responseText;                                         
  } else {
     return false;
  }                                             
}       


var statistics = JSON.parse(call_data('user_info.php',userid));//user data

如果它调用每个页面加载，我目前看不到一个优势，因为我可能没有…除非有办法让我的数组在每次页面加载时都保持设置？

Answer 1

您应该使用HTML5 Local Storage。

Answer 2

您可以通过JavaScript使用Web Storage / DOM Storage API。它有很好的浏览器支持，如果你正确地实现它，如果Web存储不可用，你总是可以请求PHP页面。

以下是帮助您入门的教程：

http://www.diveintojavascript.com/tutorials/web-storage-tutorial-creating-an-address-book-application

Answer 3

您可以将其存储在cookie中并检查cookie中的值是否有效，从cookie中加载它，否则从服务器请求它并将其保存在cookie中以备将来使用。