如何在使用Jquery刷新或重新加载页面时保留网页上输入标记的数据

当我使用Jquery向我的node.js服务器发出post请求时，我发现很难从输入标记中永久保留网页上的数据，即使我刷新或重新加载网页，我希望数据保留在网页上

代码如下：

$(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)
            }
        });
    });
});

$（文档）.ready（函数（）{
$（“#任务btn”）。单击（函数（事件）{
event.preventDefault（）；
让任务={
说明：$（'#title'）.val（），
};
if（task.description===“”| | task.description===null）{
返回警报（'字段不能为空！'）
}
让表=`
${task.description}




`;
$（'.table'）。追加（table）；
$.ajax({
键入：“POST”，
网址：'http://localhost:3000/tasks',
标题：{
“内容类型”：“应用程序/json”
},
跨域：是的，
cache:false，
数据：JSON.stringify（任务），
成功：功能（数据）{
console.log（'Task Created Successfully！'）
console.log（数据）
},
错误：函数（错误）{
console.log（错误）
}
});
});
});

上面的代码工作正常，但如何防止每次重新加载或刷新网页时表变量消失