使用jQuery/Ajax将JSON文件数据存储在localStorage中

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<button id="loadData">加载数据</button>
<div id="result"></div>

$(document).ready(function() {
  $('#loadData').click(function() {
    $.ajax({
      url: 'data.json', // JSON文件的URL
      dataType: 'json',
      success: function(data) {
        // 将数据存储在localStorage中
        localStorage.setItem('jsonData', JSON.stringify(data));
        $('#result').text('数据已成功加载并存储在localStorage中。');
      },
      error: function() {
        $('#result').text('加载数据失败。');
      }
    });
  });
});

var jsonData = JSON.parse(localStorage.getItem('jsonData'));