使用jQuery存儲輸入字段

Question

我有一個輸入字段，其中包含一個文本輸入和兩個按鈕。我想要的是用戶在字段中鍵入內容，然後按「保存」。如果他刷新頁面，輸入應該是空的，除非他按下第二個按鈕「恢復」，它應該自動填充輸入。

我設法將輸入存儲在變量中，然後將其添加到輸入中。我的問題是，輸入被保存爲一個對象，並顯示爲一個對象...而不是一個字符串。這裏是我的代碼：

var artist; 

$(document).ready(function(){ 
     $(".save").click(function(){ 
      artist = $("#artist").val(); 
     }); 

     $(".reset").click(function(artist){ 
      $('#artist').val(artist); 
     }); 
    }); 

Answer 1

$("#Save").click(function() { 
    var text = $("#text").val(); 
    localStorage.setItem('text', text); 


}); 

$("#Restore").click(function() { 
    var text = localStorage.getItem('text'); 
    console.log(text) 
    $("#text").val(text); 
}); 

DEMO

您需要使用的地方來存儲文本的價值。當頁面刷新時，你可以再次獲取它。本地存儲是一個存儲的好地方。演示將顯示如何

Answer 2

我以前沒有使用過它，但如果你想要做的這一切在JavaScript/jQuery的再有就是處理cookie https://github.com/js-cookie/js-cookie庫。另一種方法是使用你的服務器端來設置cookie。