从JS函数返回上一页并保留字段值

Question

我想回到之前的JSP页面，并在当前JSP页面中单击上一个按钮时保留其所有值。我在JS中使用history.back()，但无法保留以前的字段值。如何保留上一页的字段值？

Answer 1

我建议使用JQuery和服务器端会话变量来存储值。

1. 确保您需要保留每个表单元素上的html ID

2. 在卸载时，循环遍历元素并将它们发送到要保存的服务器

    $(window).unload(function() {
       var formValues = {}
       //get the form elements
       elements.each(function() {
           var fieldID = $(this).attr("id");
           formValues[fieldID] = $(this).val();
       }
       json_form = JSON.stringify(formValues);
       $.post("/save_form_values/", {form : json_form} );
   

3. 我没有包含任何存储在服务器上的代码（我发现使用django / python非常简单）。

4. 重新加载页面时再进行一次ajax调用

   $(document).ready(function() {
     $.get("/get_form_values/", function(data) {
      var formValues = JSON.parse(data);
      $.each(formValues, function(fieldID, value) {
       id_selector = '#' + fieldID;
       $(id_selector).val(value);
      }
    }
   }