Question

假设我有以下代码：

$('.button').click(function() {  
 $('body').append("<p>Random Text</p>");
});

单击.button时，文本将附加到正文。

如何保存该文本并在用户访问该页面时始终显示该文本。将它存储在变量中然后将其发送到数据浏览器是否明智？ POST或其他课程？

希望这不会太混乱，谢谢！

Answer 1

这不是理想的，但如果没有创建服务器端或客户端数据库，这将是一个快速解决方案。如果用户切换浏览器或清除其缓存，则存储将消失。

http://jsfiddle.net/4gseg96g/1/

$(document).ready(function() {
    // Read localStorage.
    function getStorage() {
        var obj = localStorage.getItem('objName');
        if(!obj) {
            obj = '';
        }
        return obj;
    }
   // Append localStorage obj, if any.
   $('body').append(getStorage());   
   $('.button').click(function() {  
       console.log('click');
       var str = "<p>Random Text</p>";
       $('body').append(str);
       var d = getStorage();
       d += str;
       console.log(d);
       localStorage.setItem('objName', d);
   }); 
});

解析，如何保存附加文本

1 个答案: