jquery Query / Json如何将数据和标题名称保存到本地存储?

cld4siwp  于 2023-01-30  发布在  jQuery
关注(0)|答案(2)|浏览(180)
$(document).ready(function () {
                $(":button").click(function () {
                    var btn = $(":button").val();
                    
                    if (btn == 'Favoritisieren')
                    
                   
                  $(":button").css("background-color", "red").prop('value', 'Favoritisiert');
                  
                  
                   var obj = {"Hed.1" : $("h1")}; 
                   var myJSON = JSON.stringify(obj);
                   localStorage.setItem('myJSON'); 
              
                    else
                    $(":button").css("background-color","blue").prop('value','Favoritisieren');
                   
                });
               
         });

嘿,我想保存文件名和H1值本地时,单击按钮。这些也应该删除自己以后当按钮再次按下。有没有人可能有一个想法,我的错误所在?

h5qlskok

h5qlskok1#

使用localStorage.setItem(name, value)保存命名项目,使用var value = localStorage.getItem(name)读取项目,使用localStorage.removeItem(name)删除项目。
文件:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
您的代码已修复,可以保存JSON,并在以后删除它。

$(document).ready(function () {
  $("button").click(function () {
    var btn = $("button").text();
    if (btn == 'Favoritisieren') {
      $("button").css(({backgroundColor: "red"}).text('Favoritisiert');
      var obj = {"Hed.1" : $("h1").text()}; 
      var myJSON = JSON.stringify(obj);
      localStorage.setItem('myJSON', myJSON); 
    } else {
      $("button").css({backgroundColor: "blue"}).text('Favoritisieren');
      localStorage.removeItem('myJSON'); 
    }
  });
});
qqrboqgw

qqrboqgw2#

假设我们有一个按钮和h1,如下所示:

<button value="Favoritisieren">click me</button>
<h1>Hello World</h1>

你可以这样做:

$(":button").click(function () {
            var btn = $(this).val();
            if (btn == 'Favoritisieren') {
                $(this).css("background-color", "red").prop('value', 'Favoritisiert');
                localStorage.setItem('Hed.1', $("h1").text());
            } else {
                localStorage.removeItem('Hed.1');
                $(this).css("background-color","blue").prop('value','Favoritisieren');
            }
        });

写入localStorage的语法:

localStorage.setItem('myCat', 'Tom');

读取localStorage项的语法如下所示:

const cat = localStorage.getItem('myCat');

删除localStorage项的语法如下所示:

localStorage.removeItem('myCat');

删除所有localStorage项的语法如下所示:

localStorage.clear();

相关问题