從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); } } }