码迷,mamicode.com
首页 > Web开发 > 详细

两个页面传参 js

时间:2015-07-10 20:33:27      阅读:135      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!