即使点击后退按钮后，Javascript 也会存储 session 值

Question

我需要知道如何在用户按下后退按钮后显示表单的输入数据。

这是工作 jsfiddle

我创建了一个简单的 asp 页面。

如果我在输入一些输入值后单击“下一步”，它将转到下一页，再次单击“后退”，它不会显示输入的输入值。

$("#form").submit(function() {
    var inputs=$('.input');
    for(i=0;i<inputs.length;i++)validateEmail(inputs[i]);
    if($('.invalid').length!==0)return false;
});

我需要展示这些值(value)观。我怎样才能实现这个目标？提前致谢!

注意:在我的 jsfiddle 中不包含下一页操作。

Answer 1

你有几种方法，尽管我不太喜欢cookie，因为它们管理起来不太智能。

您可以使用:

• localStorage API，如果您希望保存您的值直到用户清除缓存，如下所示:

  var myValues = [];
  for(i=0;i<inputs.length;i++) {
      validateEmail(inputs[i]);
      myValues.push(inputs[i].value);
  }
  
  // Save them fot later use
  localStorage.myValues = JSON.stringify(myValues);
  
  // After clicking the button you can retrieve them back
  var oldValues = JSON.parse(localStorage.myValues);
  

• sessionStorage API，适用于浏览器的当前 session (即，当用户关闭浏览器时，它会被删除):

  var myValues = [];
  for(i=0;i<inputs.length;i++) {
      validateEmail(inputs[i]);
      myValues.push(inputs[i].value);
  }
  
  // Save them fot later use
  sessionStorage.myValues = JSON.stringify(myValues);
  
  // After clicking the button you can retrieve them back
  var oldValues = JSON.parse(sessionStorage.myValues);
  

注意:我正在使用JSON.parse和 JSON.stringify因为这两种存储对象(本地和 session )都只能存储字符串格式的数据。