本地存储
设置本地存储 - 如果本地没有数据,就是添加,如果有就是修改数据的值。
localStorage.setItem("键名称", 数据);
键名称需要写成字符串格式。
坑:数据在保存到本地存储的时候,会自动转换成字符串进行存储。
获取本地存储
var 返回值 = localStorage.getItem("键名称");
坑:返回成功的数据绝对是字符串的格式,查找失败返回 null。
本地存储是永久性的,除非你把数据清除掉了。
JSON
JSON 主要用于前后端数据的传输。
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。
JSON 对比之前的 JS 对象区别:
JSON 格式更加严格。
- 键名称必须带双引号。
- 值如果是字符串格式,也只能用双引号,单引号不行。
- JSON 不允许写注释
- JSON 不允许写方法
- JSON 不允许有多余的结束逗号 ,
我们一般不会重新改写数据,JS 提供了方法进行转换。
-
JS对象转换为JSON字符串。
JSON.stringify(对象)
-
JSON字符串转换为JS对象。
JSON.parse(对象)
如何在浏览器的地址栏里面传递一定的数据信息
浏览器的地址是可以携带一定的数据信息的,格式
网址?键=值&键=值&键=值....
例如:
https://www.baidu.com/s?wd=%E7%8B%97%E8%9B%8B&rsv_spt=1&rsv_iqid=0x897f6a80000038c7
只需要得到问号后面的部分就可以知道一些上一个页面传递过来的信息,通过location对象可以获取,location对象有一个属性:location.search,这个属性是专门管理页面的跳转地址的数据的
console.log(locatin.search);
注意点:
[ ] 数组,每个商品的关键信息就是数组的每一项
{ } 对象,对象中用键值对的形式存储了商品的数据
[] 数组 获取值,一般用到遍历全部,如果想到拿到单项就用 [索引值]。
{} 对象 获取值,通过 点语法获取值。