У меня есть две страницы: "form.html" и "data.html".В « form.html » у меня есть следующие HTML и JQuery код:
HTML:
<form id="myForm">
<label>Enter Name: <input type="text" id="txtName" /></label>
<button id="_save">Save</button>
</form>
JQuery:
$(document).ready(function() {
$("#_save").on('click', function() {
localStorage.name = $('#txtName').val();
console.log("data saved");
});
});
Где, как в "data.html" У меня есть следующий код:
html:
<div id="dataContainer"></div>
"jquery:"
$(document).ready(function() {
loadData();
});
function loadData() {
$('#dataContainer').append('<div><h5>' + localStorage.name + '</h5></div>');
localStorage.removeItem(name);
}
Текущая ситуация: в form.html япытаясь сохранить данные формы, используя fn и localstorage.Где, как в data.html , я пытаюсь получить сохраненные данные в функции готовности документа.где, поскольку предыдущие данные удаляются, а новые введенные данные загружаются.
Проблема: Я пытаюсь добавить все имена в data.html которые хранятся на form.html странице.Мне нужны все имена, которые были введены ранее.(ранее введенные данные не должны быть удалены.) Пожалуйста, помогите мне, где я пропускаю или какие-либо предложения, пожалуйста.