页面与页面之间怎么传参以及接受参数值

秒速五厘米 2023-02-18 14:07 74阅读 0赞

**说明：一般我们的程序页面传参是通过控制器来进行一个转发，传值页面通过控件或者url带参直接传入控制器中，控制器再去接受它，然后用model，map等数据类型将该参数返回到接受页面。**

**本篇文章主要说明不使用控制器的中介作用，页面与页面之间要如何传值。**

**1.跳转页面传递参数url示例：**  
![在这里插入图片描述][2020061808541877.png]  
**2.在接受参数页面写下如下方法，解析url所带的参数：**

/*获取页面参数，可抽取出来*/
    function getQueryString(name) { 
    	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    	var reg_rewrite = new RegExp("(^|/)" + name + "/([^/]*)(/|$)", "i");
    	var r = window.location.search.substr(1).match(reg);
    	var q = window.location.pathname.substr(1).match(reg_rewrite);
    	if(r != null){ 
    		return unescape(r[2]);
    	}else if(q != null){ 
    		return unescape(q[2]);
    	}else{ 
    		return null;
    	}
    }

**3.调用该函数方法，得到url中所带参数：**

//获取页面传来的矿机id
    var minerId = getQueryString('id');
    console.log(minerId);
    //获取页面传来的矿机数量count
    var minerCount=getQueryString('count');
    console.log(minerCount);

**4.接受参数页面成功获取到该参数并打印结果如下**：  
![在这里插入图片描述][20200618090004193.png]

[2020061808541877.png]: https://img-blog.csdnimg.cn/2020061808541877.png
[20200618090004193.png]: https://img-blog.csdnimg.cn/20200618090004193.png

发表评论取消回复

表情：

评论列表（有 0 条评论，74人围观）

还没有评论，来说两句吧...

相关阅读

相关 MUI-页面之间传值（打开新的子页面）

方法一：通过openWindow index.html <button type="button" class="mui-btn mui-btn-blue" id

傷城~/ 2023年09月29日 11:35/ 0 赞/ 105 阅读

相关 vue页面传参

一根小雪糕 [https://www.cnblogs.com/freedom-feng/p/11528836.html][https_www.cnblogs.com_free

素颜马尾好姑娘i/ 2023年06月20日 13:55/ 0 赞/ 120 阅读

相关 uniapp页面之间传值

页面传值 > 如果数据仅在跳转和被跳转页面中传递, 可以在跳转时传递数据. 如果数据需要多个页面使用, 可以采用本地存储处理数据一. `uni.navigateTO

朱雀/ 2023年02月26日 10:23/ 0 赞/ 77 阅读

相关页面与页面之间怎么传参以及接受参数值

说明：一般我们的程序页面传参是通过控制器来进行一个转发，传值页面通过控件或者url带参直接传入控制器中，控制器再去接受它，然后用model，map等数据类型将该参数返回到接受页

秒速五厘米/ 2023年02月18日 14:07/ 0 赞/ 75 阅读

相关 spring mvc 页面与页面之间的对象传值

问题如下： controller AA给页面a发送了对象m，在页面a跳转到controller BB，那么contoller BB怎么得到对象m？ <table style

分手后的思念是犯贱/ 2022年08月26日 01:18/ 0 赞/ 250 阅读

相关 SpringMVC—接收请求参数和页面传参

SpringMVC—接收请求参数和页面传参 1.使用HttpServletRequest获取 @RequestMapping("/test.do")

客官°小女子只卖身不卖艺/ 2022年08月04日 15:54/ 0 赞/ 305 阅读

相关 SpringMVC——接收请求参数和页面传参

Spring接收请求参数: 1,使用HttpServletRequest获取 Java代码 ![收藏代码][icon_star.png] 1. @Reques

ゞ浴缸里的玫瑰/ 2022年08月04日 15:50/ 0 赞/ 300 阅读

相关 SpringMVC——接收请求参数和页面传参

Spring接收请求参数: 1,使用HttpServletRequest获取 Java代码 ![收藏代码][icon_star.png] 1. @RequestMa

刺骨的言语ヽ痛彻心扉/ 2022年07月25日 15:34/ 0 赞/ 303 阅读

相关 SpringMVC——接收请求参数和页面传参

[spring][]接收请求参数: 1,使用HttpServletRequest获取 Java代码 ![收藏代码][icon_star.png] 1. @Re

男娘i/ 2022年06月17日 00:58/ 0 赞/ 336 阅读

相关 Spring 向页面传值以及接受页面传过来的参数的方式

转自：http://blog.csdn.net/hustwht/article/details/52374559 一、从页面接收参数 Spring MVC接收请求提交的参数

深藏阁楼爱情的钟/ 2022年05月30日 03:59/ 0 赞/ 266 阅读