页面A跳转到页面B及携带参数

window.location.href="…/SystemInfoJsp/add_user.jsp?"+“id=”+id+"&name="+name+"&grade="+grade;
解释：

"…/SystemInfoJsp/add_user.jsp?"这个为你要跳转的页面地址，后面追加参数的话要写上？

“id=”+id+"&name="+name+"&grade="+grade 这里为你要传到另外一个页面的数据，是键值对的形式，多个值之间用&符号隔开

页面B获取A页面跳转传递过来的参数

$(function() {
var loc = location.href;//获取整个跳转地址内容，其实就是你传过来的整个地址字符串
console.log(“我的地址”+loc);
var n1 = loc.length;//地址的总长
var n2 = loc.indexOf("?");//取得=号的位置
var parameter = decodeURI(loc.substr(n2+1, n1-n2));//截取从?号后面的内容,也就是参数列表，因为传过来的路径是加了码的，所以要解码
var parameters = parameter.split("&");//从&处拆分，返回字符串数组
console.log(“参数列表”+parameters);
var paValue = new Array();//创建一个用于保存具体值得数组
for (var i = 0; i < parameters.length; i++) {
console.log(“参数键值对值”+i+":"+parameters[i]);
var m1 = parameters[i].length;//获得每个键值对的长度
var m2 = parameters[i].indexOf("=");//获得每个键值对=号的位置
var value = parameters[i].substr(m2+1, m1-m2);//获取每个键值对=号后面具体的值
paValue[i] = value;
console.log(“参数值”+i+":"+value);
}
console.log(“具体参数数组：”+paValue);
});
要获取到你传过来的数据，可以通过数组paValue[index]的方式获取参数，比如上面我传过来了id，name，grade三个参数，那么paValue[0]就是id的值，paValue[1]就是name的值，paValue[2]就是grade的值。

注意：

因为这个paValue数组写在了 ( f u n c t i o n ( ) ) 里面，所以要想获得这个数组的值，那么你的代码就得继续写在这个 (function() { })里面，所以要想获得这个数组的值，那么你的代码就得继续写在这个 (function())里面，所以要想获得这个数组的值，那么你的代码就得继续写在这个(function() { })里面。不能再写一个 ( f u n c t i o n ( ) ) ，在新写的里面去调这个数组，如果要想在新的 (function() { })，在新写的里面去调这个数组，如果要想在新的 (function())，在新写的里面去调这个数组，如果要想在新的(function() { })里面或者是之前$(function() { })之外的方法中调用这个值，可以把var paValue = new Array();这句话写成全局变量，这样其他的就可以用了。如下：

var paValue = new Array();//创建一个用于保存具体值得数组
$(function() {
var loc = location.href;//获取整个跳转地址内容，其实就是你传过来的整个地址字符串
console.log(“我的地址”+loc);
var n1 = loc.length;//地址的总长
var n2 = loc.indexOf("?");//取得=号的位置
var parameter = decodeURI(loc.substr(n2+1, n1-n2));//截取从?号后面的内容,也就是参数列表，因为传过来的路径是加了码的，所以要解码
var parameters = parameter.split("&");//从&处拆分，返回字符串数组
console.log(“参数列表”+parameters);
for (var i = 0; i < parameters.length; i++) {
console.log(“参数键值对值”+i+":"+parameters[i]);
var m1 = parameters[i].length;//获得每个键值对的长度
var m2 = parameters[i].indexOf("=");//获得每个键值对=号的位置
var value = parameters[i].substr(m2+1, m1-m2);//获取每个键值对=号后面具体的值
paValue[i] = value;
console.log(“参数值”+i+":"+value);
}
console.log(“具体参数数组：”+paValue);
});

作者：IT_CREATE
来源：CSDN
原文：https://blog.csdn.net/IT_CREATE/article/details/85327497
版权声明：本文为博主原创文章，转载请附上博文链接！

页面A跳转到页面B及携带参数相关推荐

当session失效后，无论点击那个页面，都找到顶端页面，跳到登录页面。
当session失效后,用户点击当前页面会跳到登录页面,如果用户现在是在子页面,则当前的子页面跳到登录,用户感觉很不好,所以进行处理,例得无论点击那个页面,都找到顶端页面,再跳到登录页面. 处理的方式 ...
Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面
场景 Ionic介绍以及搭建环境.新建和运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106308166 在上面搭建起 ...
Android按键响应的几种方式、安卓页面的跳转、页面跳转传参、页面自动跳转、Activity（页面）的生命周期
按键响应的第一种方式: 在XML文件里面设置按键的onClick绑定函数.就像下面的代码,给Button设置onClick属性,在按键被按下的时候,会调用java文件里面的onClickbtton1这 ...
html button跳转页面_HTML跳转到页面指定位置的几种方法
前言有时候,我们想阅读页面中某段精彩的内容,但由于页面太长,用户需要自己滚动页面,查找起来非常麻烦 ,很容易让人失去继续往下阅读的兴趣.这样体验非常不好,所以我们可以想办法实现点击某段文字或者图片 ...
微信小程序用vant自定义tabbar页面并跳转相应页面
0.前置安装步骤一安装 vant 组件库 npm i @vant/weapp -S --production 下载完后要npm构建才能使用步骤二修改 app.json 将 app.json 中 ...
vue跳转外链页面以及跳转html页面超简单方法
文章目录实现思路跳转到外链页面(实际案例) 跳转成功跳转到其他HTML页面(实际案例) 跳转成功超级技巧实现思路直接使用js代码window.open方法实现,非常简单再吐槽一句,那么简 ...
页面常见跳转的方法和选择
实现页面跳转有两种方法: 利用控件利用编程 1.HyperLink 服务器控件 HTML和ASP中,我们经常用<a href=target.asp>目标</a>方式实现页面 ...
vue保存页面的值_vue前端页面跳转参数传递及存储
不同页面间进行参数传递,实现方式有很多种,最简单最直接的方式就是在页面跳转时通过路由传递参数,如下所示. 路由传递参数 this.$router.push({ name: '跳入页面', params ...
h5跳转小程序页面url_微信小程序页面跳转方法
我所知道的,微信小程序页面跳转有以下方法,下面分情况说明下一.利用小程序提供的 API 跳转: 1.简单page页面之间跳转 // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateB ...

页面A跳转到页面B及携带参数

页面A跳转到页面B及携带参数相关推荐

最新文章

热门文章