Как сохранить зарегистрированные данные на странице refresh

Question

Я пытаюсь создать базовую форму, которая позволит мне добавить детали ручной формы в базу данных, но проблема, с которой я сталкиваюсь, заключается в том, что я не могу сохранить данные в полях, если страница обновляется.

jsfiddle

Я хочу, чтобы иметь возможность сохранить все данные в полях, если страница случайно обновляемых с помощью сеансов, но я не могу не знать, как создать код для хранения данных с помощью сеанса, который позволит мне добавить данные в базу данных MySQL, которую я еще должен создать, и посмотреть, как добавить данные с помощью Ajax.

Любая справка о том, как сохранить данные, используя СЕССИИ, введенные в динамическую форму, будет оценена по достоинству.

Answer 1

Использование куки для этой цели:

Перед тем как покинуть страницу, сделать копию данных формы печенья и обновления заправить форму еще раз, используя эти куки.

Answer 2

Как только вы отправляете страницу, данные отправляются на сервер и загружается новая страница (в вашем случае это та же самая страница, что и раньше), вы можете посмотреть, как использовать jQuery.post или jQuery.ajax для отправьте данные формы на сервер, а не отправляйте форму.

Answer 3

window.onbeforeunload = function(e) { 
 
\t var val = document.getElementById("sampleData").value; 
 
\t document.cookie = "SampleData="+val+";"; 
 
}; 
 

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

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