javascript - Apabila menggunakan localstorage untuk menyimpan objek json, saya berharap dapat memasukkan nilai ke dalam storan setiap kali saya mengklik Sekarang setiap klik akan menimpa yang sebelumnya.

Question

Ini adalah kod semasa menyimpan

    $(".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)); 
    }); 

Berikut adalah masa untuk mengambilnya

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

Answer 1

Idea anda salah Anda harus mengeluarkan nilai asal daripada LocalStorage dahulu, kemudian masukkan data baharu ke dalam nilai asal, dan kemudian simpannya dalam LocalStorage semula. Dengan cara ini, data tidak akan ditulis ganti

Answer 2

Adakah anda mahu semua orangtr都存不同的item?

Answer 3

Tindakan adalah kerana nama tidak berubah setiap kali anda menyimpannya
Anda boleh menukarnya kepada ini
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++;
        }); 

Apabila mengambil nilai di bawah, gelung berdasarkan nilai nums
atau tukar struktur data, gunakan objek untuk menyimpan data, tambah data pada objek setiap kali anda mengklik, dan kemudian simpan objek dalam localstroage

Answer 4

Mula-mula keluarkan data daripada localStorage dan tukarkannya menjadi objek Ingat untuk membuat pertimbangan defensif, kemudian masukkan nilai yang anda ingin simpan ke dalam objek yang dikeluarkan, dan kemudian tukarkannya menjadi rentetan dan simpannya dalam localStorage untuk menulis ganti. data asal;

Answer 5

Baca dahulu, kemudian tambah, kemudian tulis.

// 读取已存入的数据；
// `|| []`是为了第一次存取时，初始化存入的数据结构，想要追加就得用数组
let temp = JSON.parse(localStorage.getItem('contrastdata')) || [];
// 追加数据
temp.push({
    Machinedata: 'abc',
    UserNamedata: 123
});
    
localStorage.setItem(temp);

Answer 6

Pada mulanya, tetapkan nilai kepada pembolehubah, dan kemudian lakukan operasi dalam acara klik Data tidak perlu disimpan secara langsung buat masa ini. Ia akan disimpan apabila halaman melompat atau perlu disimpan . Jika tidak, ia akan disimpan setiap kali ia diklik, dan kemudian mengeluarkannya, ia sangat menyusahkan.

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));

Answer 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));