数据存储

Ajax每次都要加载json，json文件能否保存到浏览器本地？

可以将 JSON 文件保存到浏览器本地，以便在后续访问时可以直接从本地加载而不需要重新请求。实现这一功能的方法有多种，下面介绍两种常用的方式。

使用 Web Storage Web Storage 是 HTML5 新增的一个 API，它提供了一种在客户端存储数据的方式，包括 localStorage 和 sessionStorage 两种类型。其中，localStorage 可以长期存储数据，并且在同一域名下的所有页面都可以访问，因此比较适合用来保存 JSON 数据。

下面是使用 localStorage 来保存和读取 JSON 数据的示例代码：

// 将 JSON 数据保存到 localStorage 中
function saveJSONToLocalStorage() {
  $.ajax({
    url: './data.json',
    dataType: 'json',
    success: function (data) {
      localStorage.setItem('myData', JSON.stringify(data));
    }
  });
}

// 从 localStorage 中读取 JSON 数据
function getJSONFromLocalStorage() {
  var data = localStorage.getItem('myData');
  if (data) {
    return JSON.parse(data);
  } else {
    return null;
  }
}