Мне сложно постоянно хранить данные на веб-странице из входного тега, когда я отправляю запрос на мой node.js сервер, используя Jquery, даже если я обновляю sh или перезагружаю страницу данные остаются на веб-странице.
Вот код:
$(document).ready(function() {
$('#task-btn').click(function(event) {
event.preventDefault();
let task = {
description: $('#title').val(),
};
if(task.description === "" || task.description === null){
return alert('Field cannot be empty!')
}
let table = `<tbody>
<tr class="table-data">
<td class="title"><p id="task">${task.description}</p></td>
<td class="image"><i class="fas fa-upload"></i></td>
<td class="icon">
<ul>
<li class="delete"><i class="far fa-trash-alt"></i></li>
<li class="edit"><i class="fas fa-pencil-alt"></i></li>
</ul>
</td>
</tr>
</tbody>`;
$('.table').append(table);
$.ajax({
type: 'POST',
url: 'http://localhost:3000/tasks',
headers: {
'Content-Type': 'application/json'
},
crossDomain: true,
cache: false,
data: JSON.stringify(task),
success: function (data) {
console.log('Task Created Successfully!')
console.log(data)
},
error: function (error) {
console.log(error)
}
});
});
});
Приведенный выше код работает правильно, но как предотвратить исчезновение табличной переменной каждый раз, когда я перезагружаю или обновляю sh веб-страницу?