從JS函數返回上一頁並保留字段值

Question

我想返回到上一個JSP頁面，並且在當前JSP頁面中單擊上一個按鈕時保留其所有值。我在JS中使用history.back()，但無法保留以前的字段值。如何保留前一頁的字段值？

Answer 1

我會建議使用JQuery和服務器端會話變量來存儲值。

1. 確保你有你需要保持

2. 上卸載，環雖然元素，並將它們發送到服務器的每個表單元素被保存在一個HTML ID

   $(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); 
       } 
   } 
   }