为了账号安全,请及时绑定邮箱和手机立即绑定

请问该如何用一个localstorage保存十几个输入框里的内容?具体的办法是?

请问该如何用一个localstorage保存十几个输入框里的内容?具体的办法是?

LEATH 2021-05-25 18:15:28

我用localstroage只能实现保留一个输入框的内容,如果同时保存的话就只会显示第一个输入框的内容,那么我该怎么做呢。是不是用一个数组,接着用if再逐次写入读取呢?该怎么实现呢。如果方便的话请写上代码。麻烦您了。

查看完整描述

2 回答

?
catspeake

TA贡献627条经验 获得超0个赞

localstoage保存的数据,是以key / value的形式存储的。value是一个字符串,因此你要保存多个数据,有几种方式可以实现:
一、 使用多个key/value组合,每一个输入框的key都不一样,这样相互之间就不会有影响,就可以保存和获取多个值
二、将一系列输入框内容保存在同一个key下面,那么对value的形式就需要做一些特殊的处理,一般来说分为两种处理方式:
1. 使用分隔符,例如 value1|value2|value3,使用竖线分割,读取出来后再使用竖线拆分,有点是简单,缺点是对保存的顺序有要求,你必须知道第一个是代表什么,第二个是代表什么。
2. 使用序列化的对象,例如你将一些值存到一个对象,再将对象转换为字符串存到localstorage,就像这样:"{key1: 'value1', key2: 'value2'}"。然后读取数据的时候,将字符串再转成对象。这样做的有点是结构清晰,维护方便;缺点是相对麻烦点,且效率相对第1种要低,因为毕竟要做一些序列化和反序列化的操作。至于如何对对象序列化,以及如何将字符串转成对象,网上一搜一大把,这里就不说明了。

查看完整回答
反对 回复 2021-05-31
?
慕丝7291255

TA贡献1641条经验 获得超9个赞

把表单数据保存成字符串形式的JSON(比如使用jquery的序列化方法)存入localstorage。
取出来的时候再转成对象使用。

查看完整回答
反对 回复 2021-05-31

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信