javascript - 如何在多列中本地添加数据?

标签 javascript json html local-storage

有人可以帮助我吗?如何在多列中本地添加数据? 我已经尝试过了,但是...

在我的代码下面, 我尝试创建更多 var,例如:“var salary = document.forms.MedList.salary.value; var test = document.forms.MedList.test.value; localStorage.setItem(名称、数据、工资、测试); “等等,但它不起作用......

我必须更改我的 doShowAll 函数或类似的函数?

function SaveItem() {

var name = document.forms.MedList.name.value;
var data = document.forms.MedList.data.value;
localStorage.setItem(name, data);
doShowAll();

}

function doShowAll() {
if (CheckBrowser()) {
    var key = "";
    var list = "<tr><th>Nome</th><th>Estoque</th></tr>\n";
    var i = 0;
    for (i = 0; i <= localStorage.length - 1; i++) {
        key = localStorage.key(i);
        list += "<tr><td>" + key + "</td>\n<td>"
                + localStorage.getItem(key) + "</td></tr>\n";
    }
    if (list == "<tr><th>Nome</th><th>Value</th></tr>\n") {
        list += "<tr><td><i>empty</i></td>\n<td><i>empty</i></td></tr>\n";
    }
    document.getElementById('list').innerHTML = list;
} else {
    alert('Cannot store Med list as your browser do not support local storage');
}

}

最佳答案

你最好的选择是创建一个对象并存储它,例如

var myObject = {
 name: document.forms.MedList.name.value,
 data: document.forms.MedList.data.value
}

localStorage.setItem("yourKey", JSON.stringify(myObject));

当你想把它拿出来时,你可以这样做:

var myObject = JSON.parse(localStorage.getItem("yourKey"));

然后分别访问名称和数据:

myObject.name
myObject.data

如果你想在一个键下存储多个值,该值可以是一个数组:

例如

var myObject = {
 name: document.forms.MedList.name.value,
 data: document.forms.MedList.data.value
}

var myObject2 = {
 name: document.forms.MedList2.name.value,
 data: document.forms.MedList2.data.value
}

localStorage.setItem("yourKey", JSON.stringify([myObject, myObject2]));

关于javascript - 如何在多列中本地添加数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35897941/

相关文章:

javascript - 在创建 WAR 之前使用 gradle 添加生成的文件

arrays - 如何使用在 Swift 4.0 中嵌套数组的数组解析 JSON?

html - 无论位置如何,都使 DIV 全屏显示

python - 最终用户可通过网页配置 python 脚本

javascript - 如何创建一个向组件类添加单个函数的装饰器?

javascript - 如何使用 React 子元素创建 <Modal.Title> 等元素

javascript - React Redux 无法让 reducer 拾取操作

javascript - 如何使用嵌套 JSON 对象构建 JSON 对象

javascript - 从 json 代码中删除 javascript 对象变量名称文本

javascript - 如何将 google 登录集成到我的网站并收集用户详细信息?