案例:查看某条消息的详情
1.从页面a跳转至页面b并携带参数
点击按钮触发open_details方法,并传入该条消息的对应唯一参数值,用于确认查看哪一条消息的详情。
跳转至postDetails页面。
function open_details(id){
window.location.href="/zp/happ/postDetails/postDetails.html?job_id="+id;
}
2.在目标页面postDetails.html接收传递参数值用于查询操作。
var paValue = new Array();//创建一个用于保存具体值得数组
$(function() {
var loc = location.href;//获取整个跳转地址内容,其实就是你传过来的整个地址字符串
alert("我的地址:"+loc);
var n1 = loc.length;//地址的总长
var n2 = loc.indexOf("?");//取得=号的位置
var parameter = decodeURI(loc.substr(n2+1, n1-n2));//截取从?号后面的内容,也就是参数列表,因为传过来的路径是加了码的,所以要解码
var parameters = parameter.split("&");//从&处拆分,返回字符串数组
alert("参数列表:"+parameters);
for (var i = 0; i < parameters.length; i++) {
var m1 = parameters[i].length;//获得每个键值对的长度
var m2 = parameters[i].indexOf("=");//获得每个键值对=号的位置
var value = parameters[i].substr(m2+1, m1-m2);//获取每个键值对=号后面具体的值
paValue[i] = value;
alert("参数值"+i+":"+value);
}
alert("具体参数数组");
load_info(paValue);
});
function load_info(paValue){
alert("获取到的参数值:"+paValue);
}