HTML5跳转页面并传值以及localStorage的用法
1、首先,你得在那个页面把数据存入localStorage中吧。这个是必须的!
localStorage.setItem("user",JSON.stringify(data.allUser));
用localStorage的setItem方法,这个方法看名字都知道得差不多了吧。。。
setItem把数据存入localStorage中(如果这个localStorage对象并没有创建的话,他会帮你创建一个。)
后面的JSON.Stringify(data.allUser)中,data.allUser是我想要的值,一个json对象,这个就是把json格式的数据转换成键值对的形式存入localStorage中,localStorage是一个以键值对为唯一形式的数据
总的来说,这句代码也就是把data.allUser转换成键值对形式存入localStorage变量user中。
2、跳转页面
这个跳转页面的方法就五花八门了,你开心就好
3、在另一个页面的js中获取localStorage中的数据
var user = JSON.parse(localStorage.getItem("user"));
把键值对格式转换为json格式并赋值给一个js变量。
4、localStorage传值结束.
HTML5跳转页面并传值以及localStorage的用法的更多相关文章
- Vue 编程之路(二)——跳转页面传值
		最近公司的一个项目中使用 Vue 2.0 + element UI 实现一个后台管理系统的前端部分,属于商城类型.其中我负责的部分有一项需要跳转页面,由于跳转前的页面是多个组件构成的,所以在跳转页面的 ... 
- MUI+html5+javascript     点击事件触发页面间传值
		关于如何进行页面转跳,请看 https://www.cnblogs.com/JUNELITTLEPANDA/p/15956176.html,以下跳转方法是采用的其中一种 1- 仅适用于移动端,pc端 ... 
- ios学习-delegate、传值、跳转页面
		ios学习-delegate.传值.跳转页面 1.打开xcode,然后选择ios--Application--Empty Application一个空项目. 项目目录: 2.输入项目名称以及选 ... 
- webform基础介绍及页面传值(session,cookie)、跳转页面
		一,IIS 1.首先知道IIS是个什么东西:它是web服务器软件,安装在服务器上,接受客户端发来的请求,并传送给服务器端,然后响应请求并送回给客户端.类似于饭店里的服务员. 2.会安装IIS——控制面 ... 
- 【2017-05-21】WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性、Js中getAttribute和超链接点击弹出警示框。
		一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key= ... 
- WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性和超链接点击弹出警示框
		一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值方式: href="地址?key=v ... 
- jquery 跳转页面传值的问题
		关于 跳转页面传值的问题 1. 目前最多的是使用 ajax 方法 //举例 ajax 传值,举例: $.ajax({ type : "post", url : "save ... 
- Web端 页面跳转  页面传值
		要把 Default.aspx 页面 TextBox1中的值 传值到 Default.aspx Label上去 C#服务端跳转页面 Response 响应请求对象 Redi ... 
- JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
		在WEB页面中,我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等,由用户点击某处,然后直接由浏览器帮我们跳转. 但有时候,需要当某事件触发时,我们先做一些操作,然 ... 
随机推荐
- linux常见命令实践.
			ls -la : 给出当前目录下所有文件的一个长列表,包括以句点开头的“隐藏”文件 ls -a . .. 1 online_tools online_tools_0803 ll: 竖列显示所有文件 l ... 
- SSIS - 10.执行过程任务
			一.创建批处理文件 在SSIS包中,执行过程任务可以用来运行应用程序或批处理文件.它执行时用到的输入.输出和参数可以在任务编辑器中进行设置. 在使用执行过程任务之前,我们需要先创建一个批处理文件,实现 ... 
- Mesos源码分析(9): Test Framework的启动
			我们以Test Framework为例子解释Framework的启动方式. Test Framework的代码在src/examples/test_framework.cpp中的main函数 首先要指 ... 
- Dora.Interception,为.NET Core度身打造的AOP框架 [2]:以约定的方式定义拦截器
			上一篇<更加简练的编程体验>提供了最新版本的Dora.Interception代码的AOP编程体验,接下来我们会这AOP框架的编程模式进行详细介绍,本篇文章着重关注的是拦截器的定义.采用“ ... 
- 安卓开发笔记(十六):'Request(okhttp3.Request.Builder)' has private access in 'okhttp3.Request
			当出现了'Request(okhttp3.Request.Builder)' has private access in 'okhttp3.Request的错误的时候,实际上是我们在写代码的时候少打了 ... 
- [Swift]LeetCode210. 课程表 II | Course Schedule II
			There are a total of n courses you have to take, labeled from 0 to n-1. Some courses may have prereq ... 
- [Swift]LeetCode305. 岛屿的个数 II $ Number of Islands II
			A 2d grid map of m rows and n columns is initially filled with water. We may perform an addLand oper ... 
- [Swift]LeetCode373. 查找和最小的K对数字 | Find K Pairs with Smallest Sums
			You are given two integer arrays nums1 and nums2 sorted in ascending order and an integer k. Define ... 
- [Swift]LeetCode455. 分发饼干 | Assign Cookies
			Assume you are an awesome parent and want to give your children some cookies. But, you should give e ... 
- postgresql 基础sql
			创建用户和密码:crate user 用户名 with password '密码' : 创建 alter user 用户名 with password ’密码' ; 修改用户密码 查看用户信息: se ... 
