国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 用localstorage存json對象的時候 希望實現每次點擊 把值一直疊加到儲存里面 現在每次點擊會覆蓋掉之前的

瀏覽:85日期:2023-04-23 18:51:39

問題描述

這是存的時候的代碼

$('.top').click(function(){ var contrastdata = new Object;contrastdata.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText;contrastdata.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText;contrastdata.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText;localStorage.setItem(’contrastdata’,JSON.stringify(contrastdata)); });

下面是取的時候

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’));var Machinedata = contrastdata.Machinedata;var UserNamedata = contrastdata.UserNamedata;var InstrumentIDdata = contrastdata.InstrumentIDdata;

問題解答

回答1:

你這思路不對,應該先從LocalStorage取出原來的值,然后將新數據疊加到原來的值中,然后再次存入LocalStorage。這樣就不會出現數據覆蓋了

回答2:

你是想每個tr都存不同的item嗎?

回答3:

覆蓋是因為你每次存儲時名字沒變你可以改成這樣var nums = 0;$('.top').click(function(){

var contrastdata = new Object; contrastdata.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText; contrastdata.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText; contrastdata.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText; localStorage.setItem(’contrastdata_’+nums,JSON.stringify(contrastdata)); nums++;});

下邊取值的時候再根據nums的值循環或者是改變數據結構,用一個對象存儲數據,每次點擊把數據加到對象里面,然后把對象存進localstroage里面

回答4:

先從localStorage取出數據轉換成對象,記得做防御判斷,然后把想要存的值插入到取出來的對象中去,然后轉換成字符串存入localStorage覆蓋原來的數據;

回答5:

先讀取,然后追加,再寫入。

// 讀取已存入的數據;// `|| []`是為了第一次存取時,初始化存入的數據結構,想要追加就得用數組let temp = JSON.parse(localStorage.getItem(’contrastdata’)) || [];// 追加數據temp.push({ Machinedata: ’abc’, UserNamedata: 123}); localStorage.setItem(temp);回答6:

在一開始的時候先取值賦給變量,然后在點擊事件里面去進行操作,數據暫時不需要直接去存儲,在跳轉頁面或者需要存儲的時候再進行存儲,不然每次點擊的時候存一下,然后取一下,很麻煩。

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’));if(!contrastdata){ contrastdata = {};}$('.top').click(function(){ contrastdata.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText; contrastdata.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText; contrastdata.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText;});//頁面做跳轉或者需要存的時候再存儲localStorage.setItem(’contrastdata’,JSON.stringify(contrastdata));回答7:

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’)),contrastdata1={},contrastdataArr=[];//如果localStorage.getItem(’contrastdata’)存在值,就先添加進數組里面if(contrastdata){ contrastdataArr.push(contrastdata)}$('.top').click(function(){ //初始化contrastdata1臨時變量 var contrastdata1={}; //設置contrastdata1 contrastdata1.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText; contrastdata1.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText; contrastdata1.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText; //把contrastdata1添加進contrastdataArr; contrastdataArr.push(contrastdata1)});//頁面關閉時把contrastdataArr存儲進localStorage(contrastdata)localStorage.setItem(’contrastdata’,JSON.stringify(contrastdataArr));

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲午夜久久久久影院 | 久久综合中文字幕一区二区 | 欧美一级专区免费大片俄罗斯 | 亚洲国产成人久久综合一区 | 国产成年人在线观看 | 国产精品久久毛片蜜月 | 99精品国产综合久久久久 | 自拍视频一区 | 日韩精品在线一区二区 | 特级淫片日本高清视频 | 欧美人牲囗毛片 | 久久福利青草狠狠午夜 | 亚州视频一区二区 | 国产成人在线网址 | 免费成年网 | 亚洲成人在线播放视频 | 欧美成人性色大片在线观看 | 亚洲免费天堂 | 精品久久久久久综合网 | 国产精品亚洲第五区在线 | 欧美亚洲午夜 | 久久免费手机视频 | 亚欧色视频在线观看免费 | 久久综合日韩亚洲精品色 | 国产第一草草影院 | 亚洲欧美日韩国产精品久久 | 精品久久久久久中文字幕网 | 欧美成人免费在线视频 | 日本不卡免费高清一级视频 | 中国国产一级毛片视频 | 一级aaa级毛片午夜在线播放 | 久草国产视频 | 亚洲国产成人精品激情 | 国产一区二区三区日韩 | 成人欧美一区二区三区在线 | 亚洲国产精品线观看不卡 | 888米奇在线视频四色 | 免费国产成人高清在线观看视频 | 加勒比色综合久久久久久久久 | 欧美一级日韩在线观看 | 日本成人在线视频网站 |