javascript - 如何将数据保存在本地存储中以供进一步使用？

Question

我如何在每次 keyup 时将数据保存在 localstorage 中，当我再次搜索时，数据将从 localstorage 中显示，这次不要从 db 发送任何数据请求。

$(document).ready(function () {
  $('#input_id').keyup(function (e) {
    var name = $('#input_id').val();
    var data = name.trim();
    var msg = $('#result');
    msg.empty();

    $.ajax({
      url: "search.php",
      method: "post",
      data: { input: data },
      dataType: "",
      success: function (name) {
      console.log(name);
      var getdata = JSON.parse(name);
      var z = getdata.length;
      for (var j = 0; j < z; j++) {
        if (getdata[j].surname) {
          var show_result = '<span id="result">' + getdata[j].firstname + " " + getdata[j].surname + '</span>';
          msg.append(show_result);
        } else {
          var show_result2 = '<span id="result">' + getdata[j].firstname + '</span>';
          msg.append(show_result2);
        }
      }
    }
  });
});

Answer 1

例如使用“localStorage.setItem(key, val)”将数据存储到本地存储

localStorage.setItem("key1_name", username.firstname)