使用 window .location .href 传递参数问题

今天项目需求,点击一个按钮获取input输入框里的值,在另一个页面中获取这个值,并显示出来。一开始的做法是直接在路径中拼接参数,如下:

window.location.href = ctx+"/show/search?word="+word+"&flag="+flag;

要在另外一个页面取值需要截取路径中的参数,可以实现需求。
但是后来不想让别人直接在路径中看到参数,使用了另外一种方法:

document.write("<form action="+ctx+"/show/search method=post name=form1 style='display:none'>");  
document.write("<input type=hidden name=word value='"+word+"'/>");  
document.write("<input type=hidden name=flag value='"+flag+"'/>");  
document.write("</form>");  
document.form1.submit();  

这种方法也可以实现这种需求,然后再Controller里面,把取到的参数封装到Model里面即可。
如果还有其他的方法,可以在下方留言,感激不尽!

可以使用window.location.href进行页面跳转并传递参数。例如,可以使用以下代码将参数传递给新页面: window.location.href = "./punch/clock_frm.html?modFlag=" + modFlag + "&role=" + role; 在新页面接收参数并将其转换为可用的JSON格式,可以使用以下方法: var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") ! -1) { var str = url.substr(1); var strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]); } console.log(theRequest); //此时的theRequest就是我们需要的参数 } 如果在传递参数时遇到中文乱码问题,可以使用encodeURI对中文进行编码,如下所示: window.location.href = 'aaa.html?Unit=' + encodeURI(encodeURI(中文内容)); 在接收页面接收参数时,可以使用decodeURI解码回来,如下所示: var param = decodeURI(window.location.href);<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [转载--window.location.href传参/传值汇总](https://blog.csdn.net/weixin_47382065/article/details/120264692)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [window.open 以post方式传递参数示例代码](https://download.csdn.net/download/weixin_38655011/13621948)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值