商品列表如何将productId传递给 商品详情页面,
详情页面获取productId,根据productId去获取商品详情信息,然后展示出来
方案一:
(1)在跳转到详情页面上 ,URL 地址上拼接参数
商品列表展示时,URL就已经拼接上参数了
(2)在详情页面获取参数。
a.先获取URL
var url=Window.location.href
b.根据ID找到位置
可以正则表达式获取
//想要什么参数就调用这个方法,需要传入参数名
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
也可以使用土方法:字符串截取
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]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
方案二
(1)在点击跳转的时候,将数据放到cookie中(本地缓存)中。
(2)到详情页面,取出cookie中的值。(Local storage或 sessionstorage)