av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

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

瀏覽:106日期: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:

你這思路不對,應(yīng)該先從LocalStorage取出原來的值,然后將新數(shù)據(jù)疊加到原來的值中,然后再次存入LocalStorage。這樣就不會出現(xiàn)數(shù)據(jù)覆蓋了

回答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++;});

下邊取值的時候再根據(jù)nums的值循環(huán)或者是改變數(shù)據(jù)結(jié)構(gòu),用一個對象存儲數(shù)據(jù),每次點(diǎn)擊把數(shù)據(jù)加到對象里面,然后把對象存進(jìn)localstroage里面

回答4:

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

回答5:

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

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

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

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;});//頁面做跳轉(zhuǎn)或者需要存的時候再存儲localStorage.setItem(’contrastdata’,JSON.stringify(contrastdata));回答7:

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’)),contrastdata1={},contrastdataArr=[];//如果localStorage.getItem(’contrastdata’)存在值,就先添加進(jìn)數(shù)組里面if(contrastdata){ contrastdataArr.push(contrastdata)}$('.top').click(function(){ //初始化contrastdata1臨時變量 var contrastdata1={}; //設(shè)置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添加進(jìn)contrastdataArr; contrastdataArr.push(contrastdata1)});//頁面關(guān)閉時把contrastdataArr存儲進(jìn)localStorage(contrastdata)localStorage.setItem(’contrastdata’,JSON.stringify(contrastdataArr));

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 欧美日韩中文字幕在线观看 | 久久99深爱久久99精品 | 亚洲第一区视频 | 中文字幕一区二区三区视频 | 成人一区二区视频 | 国产黄色免费网站 | 成人黄色一级片 | 亚洲在线观看视频 | 福利影视| 中国av在线| 欧美成人a | 黄色片免费观看 | 日本免费黄色网址 | 黄色小视频在线免费观看 | 日韩国产一区 | 免费观看全黄做爰视频 | 国产资源视频 | 四虎8848精品成人免费网站 | 天堂一区二区三区 | 二区三区在线观看 | 午夜美女福利 | 久久伊人精品 | 一级毛片在线看 | 日韩特黄 | 国产69精品久久久久久 | 国产在线观看网站 | 一级二级片 | 久久久久女人精品毛片九一 | 伊人9999| 欧美在线亚洲 | 草草在线观看 | 五月天婷婷基地 | 欧美日韩高清 | 久热久草 | 亚洲第一av网站 | 成人夜色 | 色综合久久久 | 青青青草视频在线观看 | 欧美日韩国产在线观看 | 国产乱轮视频 | 欧美日韩一区在线 |