参数传递
来源:互联网 发布:淘宝开店如何找货源 编辑:程序博客网 时间:2024/06/07 21:07
当大家在项目中遇到首页跳转详情页时,大家的参数会如何传递
今天,我分享一下localStorage以及a标签两种传参方式
localStorage,sessionStorage,cookie都属于本地存储,三者各有千秋,localStorage和cookie两者类似,关闭窗口后,并不会消失,仍会保存。要删除它,要么手动删除,也可以给它设置一个过期的时间。但是cookie的存储量较小,很少用它。而sessionStorage则在关闭窗口后,它不会保存,这是它的优点也是它的缺点,关键看各位观众老爷如何使用。
首先,我们要考虑从首页跳转到详情页需要做什么,假如商品很多,我们不可能每一个都写一个对应的页面来承接它的详情,那样很不友好;鉴于它的详情页布局一样,只是内容不一样,所以我们通过传参的方式,来渲染不同的数据。
localStorage.setItem("键名",”键值") 、//存储数据:第一个参数是所起的名字;第二个参数是所要传递的值
window.location.href="index.html"; //所要跳转的页面
//在跳转到index页面后
用localStorage.getItem("键名","键值"); //获取所存储的键值
用变量来承接它;var id=ocalStorage.getItem("键名","键值");
然后用ajax向后台传参,获取数据进行渲染
//注意:如果localStorage所存储的是一个对象,则需要用JSON.stringify(obj)进行转换操作,并且在获取的页面需要用JSON.parse(localStorage.getItem(obj))进行转换,在向后台传参,渲染页面
a标签传参直接用location.href="index.html?id="+id+"&number="+number;传参
在index页面用split进行操作,最终拿到id和number向后传参,在进行页面的渲染
- 参数传递
- 参数传递
- 参数传递
- 传递参数
- 参数传递
- 参数传递
- 参数传递
- 传递参数
- 参数传递
- 参数传递
- 参数传递
- 参数传递
- *参数传递*
- 参数传递
- 参数传递
- 参数传递
- 传递参数
- 参数传递
- CentO S 7 搭建 Samba 服务
- ARM汇编指令集[转贴]
- leetcode_646. Maximum Length of Pair Chain ? 待解决
- Java 8 – Convert List to Map(将 List 转换为 Map)
- 追踪同步分片副本
- 参数传递
- 获取网络数据(Json串和图片)
- 给定一个字符串列表,找出单词中最长单词,可以用l列表中的其他单词一次构建一个字符。返回具有最小字典顺序的最长单词。
- Dagger2学习—用到的注释
- Java学习之关键字
- Swift 中的#pragma Mark
- bitarray 安装 error: Microsoft Visual C++ 14.0 is required.
- JS调试:console命令汇总
- 百度搜索,获取第一手消息?