JavaScript页面跳转并传参的常用方法

1.页面A跳转到页面B及URL携带参数：

1.传递参数：
window.location.href = "../list.html?id="+id;
2.接收参数：
（1）接收参数函数封装

function GetRequest() {var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();//在这里插入代码片if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);}}return theRequest;
}

2.通过localStorage 和 sessionStorage 先存本地再取出数据：

用setItem来存数据，第一个参数是名字，第二个参数是存数的数据
//存数据

window.localStorage.setItem(“data”, “kevin”);
window.sessionStorage.setItem(“data”, “kevin”);

用getItem来取数据，参入要取数据的名字就好
//取数据

window.localStorage.getItem(“data”);
window.sessionStorage.getItem(“data”);

当然如果要存储的数据是一个对象的话，就需要将对象转换为字符串，在取数据的在将字符串转为对象就可以了

对象转字符串 JSON.stringify( ” 对象 ” )
字符串转对象 JSON.parse( ” 字符串 ” )

JavaScript页面跳转并传参的常用方法相关推荐

微信小程序开发：学习笔记[8]——页面跳转及传参
微信小程序开发:学习笔记[8]--页面跳转及传参页面跳转一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...
vue加载html传参,Vue页面跳转时传参总结
1 路由跳转 &圈是的编小久据直请结未屏屏会气机页实应高lt;router-link to="/login"&gt能调页代事求都学是功发解开宗这维视如间请前框来 ...
ajax 跳转 html页面传值,ajax实现页面跳转并传参
javascript" name=code class="page_speeder_20720">整理版 $.ajax({ type:"POST" ...
微信小程序页面跳转url传参，对象数据过长问题
小程序url传参如果是对象的话需要先用JSON.stringify()转换一下,接受页面在用JSON.parse()再转换回来. 但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序 ...
小程序页面跳转与传参
1.页面跳转页面跳转优先采用 navigator 组件小程序提供了两种页面路由方式: a. navigator 组件 <navigator url="/pages/life/lif ...
ajax实现页面跳转并传参,jQuery实现页面跳转的时候Post传参
需求:JavaScript 控制POST的数据内容并从当前页跳转到B页面方案一方案一定义一个函数,这样就是丑了点,但是完全符合需求. function StandardPost (url,args ...
小程序页面跳转、传参及参数获取
//wxml <text wx:for="{{titles}}" wx:key="{{index}}" bindtap='changeClassify' ...
spring mvc controller间跳转重定向传参
spring mvc controller间跳转重定向传参 1. 需求背景需求:spring MVC框架controller间跳转,需重定向.有几种情况:不带参数跳转,带参数拼接url形 ...
一篇文章说完Flutter页面路由导航及传参
目录前言动态路由静态路由静态路由传参 Fluro 实现路由导航与传参前言在 Flutter 中,App 多个页面之间的跳转是由 Navigator(导航器)来管理的,如常见的 Naviga ...
Swift实战-豆瓣电台（六）视图跳转，传参及回跳
原文:Swift实战-豆瓣电台(六)视图跳转,传参及回跳 youku观看地址:http://v.youku.com/v_show/id_XNzMxMzQ3MDcy.html 要点在ChannelCo ...

JavaScript页面跳转并传参的常用方法

1.页面A跳转到页面B及URL携带参数：

2.通过localStorage 和 sessionStorage 先存本地再取出数据：

JavaScript页面跳转并传参的常用方法相关推荐

最新文章

热门文章