jquery - appendTo 在页面重新加载后擦除

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。

我希望这有帮助。