如何在頁面刷新時保留歸檔數據

Question

我正在嘗試創建一個基本表單，該表單將允許我將手動表單的詳細信息添加到數據庫中，但是我遇到的問題是，如果刷新頁面，則無法保留字段中的數據。

jsfiddle

如果使用會話意外刷新頁面，我希望能夠保留字段中的所有數據，但是我不知道如何創建使用會話存儲數據的代碼，這將允許我將詳細信息添加到MySQL數據庫中我尚未創建它，並研究如何使用Ajax添加數據。

我們非常感謝您提供有關如何使用以動態形式輸入的SESSION保留數據的任何幫助。

Answer 1

為此使用cookie：

在離開頁面之前，請復制Cookie中的表單數據，並在刷新后再次使用這些cookie重新填寫表單。

Answer 2

提交頁面后，數據將立即發送到服務器並加載一個新頁面（您的情況，這是與以前相同的頁面），您可能會看到使用jQuery.post或jQuery.ajax發送表單數據到服務器，而不是實際提交表單。

Answer 3

 window.onbeforeunload = function(e) { var val = document.getElementById("sampleData").value; document.cookie = "SampleData="+val+";"; }; window.onload = function() { var cook = document.cookie; cook = cook.split(";"); for(var i=0; i < cook.length ; i++){ var tempSingleCookie = cook[i].split("="); if(tempSingleCookie[0] === "SampleData") { document.getElementById("sampleData").value = tempSingleCookie[1]; //Some old date document.cookie = "SampleData= ;expires=Thu, 18 Dec 2013 12:00:00 UTC"; } } }; 

 <table> <tr> <td> Sample Data </td><td><input id="sampleData" type="text"></td> </tr> </table>