追加到页面重新加载后擦除

Question

我正在使用jquery创建一个购物清单，这是代码：

$(document).ready(function(){
$('.project-btn').click(function(e){
    e.preventDefault();
    var project = $('.project-val').val();
    $('<li></li>').addClass(project).text(project).appendTo('.project-list');
});
});

http://jsfiddle.net/DQxE7/

一切都很好，除了我附加的内容不会保存。就像当我重新加载页面时，添加到 ul 的内容被删除了，我该如何防止这种情况？

Answer 1

请记住，刷新页面时，所有内容（包括html和代码）将再次执行并重新加载（因此存储在服务器上的内容或与响应一起发送的内容保持不变）。

您需要将数据存储在某处的数据存储中（例如数据库），并在脚本中存储一个功能

• 重新加载时将从数据库中获取数据并将其添加到您的 HTML 中
• 在数据库和 HTML 上单击添加。

我希望这有所帮助。