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

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

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

瀏覽:101日期: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国产精品免费观看视频 | 日韩免费一级毛片欧美一级日韩片 | 欧美久久亚洲精品 | 亚洲欧美韩国 | 日韩国产免费一区二区三区 | 欧美日韩亚洲国内综合网俺 | 久久99久久精品视频 | 中文字幕在线观看一区 | 欧美成年黄网站色视频 | 国产一级大片在线观看 | 香港一级特黄高清免费 | 久久国产精品久久国产片 | 性视频福利在线看 | 男女国产一级毛片 | 成人欧美一区二区三区视频xxx | 怡红院免费全部视频在线 | www.av在线| 色播亚洲 | 在线观看日本免费视频大片一区 | 国产成人精品亚洲日本在线观看 | 国产观看在线 | 久久久久久久久中文字幕 | www日| 日韩区在线观看 | 男女乱配视频免费观看 | 久久99毛片免费观看不卡 | 欧美国产91 | 日韩欧美~中文字幕 | 国产精品黄色 | 日本一级在线观看 | 国产韩国精品一区二区三区久久 | 一级毛片在线不卡直接观看 | 亚洲一区二区三区免费 | 亚洲精品字幕一区二区三区 | 欧美日韩亚洲一区二区三区在线观看 | 国产日韩精品视频 | 久久久久久久久久免观看 | 国产精品一区二区久久精品涩爱 | 国产女人一区二区 | 久久综合精品视频 | 亚洲精品色 |