2014-09-10 48 views
0

比方說,我有以下代碼:解析,如何保存附加文本

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

在哪裏點擊.button時,全文附後身體。

我該如何去保存文本,並在用戶訪問該頁面時始終顯示它。 將它存儲在一個變量中,然後將它發送到數據瀏覽器下 POST或另一個類是明智的嗎?

希望這不是太混亂,謝謝!

+2

要保存文本的地方,你將需要一個持久層。像Cookie,clientsideDB,serverside數據庫等。 – 2014-09-10 20:20:37

+0

yep ^^,我會說使用html5 localstorage,這將保存一段時間的數據或直到用戶清除他們的緩存。這也消除了創建數據庫和存儲會話/數據的需要。 – user1572796 2014-09-10 20:24:56

回答

0

這並不理想,但沒有創建服務器端或客戶端數據庫,這將是一個快速修復。如果用戶切換瀏覽器或清除緩存,則存儲空間不存在。

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