首页 > Web开发 > 详细

两个页面传参 js

时间:2015-07-10 20:33:17      阅读:252      评论:0      收藏:0      [点我收藏+]

场景:

类似大众点评的需要选择地点,然后连接到其它页面,在其它页面中也要用到此地点且要是之前选择的地点

技术分享

 

方法一:

采用session

sessionStorage 是会话存储,关闭浏览器就没了

localStorage 是持久化存储,完全可以替代cookie 存储空间更大。

实现方法

存:sessionStorage["address"]="北京";

取:sessionStorage["address"]

localStorage实现方法和sessionStorage一样

 

方法二:同 《如何获取url#号后的参数

通过url后面的参数传

b.html?teacher=xx&time=xxx

回到问题中,首先从a.html到b.html需要一个跳转方式,比方说在a.html页面里面你有一个链接:

<a href="b.html" id="toPageB">跳转到b页面</a>

剩下的就好办了,依次取得你需要的参数,然后修改页面url:

var dataFromLi=[$("#Teachername").text(),$("#Credit_hour").text()];
$("#toPageB").attr("href","b.html?data="+dataFromLi);

然后在b.html页面解析url,获取参数。


如何根据url获取参数:

window.location.search 会返回所有地址栏从“?”开始的字符串。获取某个参数值可以通过正则,下面是一个简单的获取参数的函数:

function getURLParameter(name) {
    return decodeURIComponent((new RegExp(‘[?|&]‘ + name + ‘=‘ + ‘([^&;]+?)(&|#|;|$)‘).exec(location.search)||[,""])[1].replace(/\+/g, ‘%20‘))||null;
}

如果你采用jQuery,你可以用更简单的办法:

$.url().param(‘data‘);

两个页面传参 js

原文:http://www.cnblogs.com/haldis/p/4637100.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!