用sessionStorage实现页面之间的数据传输

首先复习一下,存取和删除缓存

　sessionStorage.setItem(key,value);
　sessionStorage.gettItem(key,value);

　sessionStorage.remove(key);

然后看下json对象两种查值方式

            var testCookie = sessionStorage.getItem("session");
            var objectCookie = JSON.parse(testCookie );//把cookie存储的键值对字符串转json对象
            //两种json赋值取值方式
            var result1 = objectCookie.keyName;
            var result2 = objectCookie[keyName];

1、字符串：

存值

采用setItem()方法存储
sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值
通过属性方式存储　　
sessionStorage['testKey'] = '这是一个测试的value值';

取值

通过getItem()方法取值
sessionStorage.getItem('testKey'); // => 返回testKey对应的值
通过属性方式取值
sessionStorage['testKey']; // => 这是一个测试的value值

2、存放对象、json对象：

sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为文本格式；读取时，通过JSON.parse()将文本转换回对象。

存取值

var userEntity = {
    id:1,
    name: 'tom',
    age: 22
};
// 存储值：将对象转换为Json字符串
sessionStorage.setItem('user', JSON.stringify(userEntity));
// 取值时：把获取到的Json字符串转换回对象
var userJsonStr = sessionStorage.getItem('user');
userEntity = JSON.parse(userJsonStr);

最后

以上就是外向皮皮虾为你收集整理的用sessionStorage实现页面之间的数据传输的全部内容，希望文章能够帮你解决用sessionStorage实现页面之间的数据传输所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。