数据传递

本文介绍如何使用字符串拼接技巧,在页面跳转时将input标签数据传递至目标页面,并通过解密和分割处理,顺利加载至新页面的input标签中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

怎么把input标签的数据传递到下一个页面的input标签上呢?

今天我就给大家介绍一个方法,字符串拼接。

字符串拼接是我们常用的小技巧,适用于页面传输少量的数据。十分有效便捷,话不多说。我们来看具体演示。
在这里插入图片描述

首先我写了一个点击事件,用来进行页面跳转。然后用var声明的一个变量来接收四个input标签的数据。因为我自己的需求我写了一个if判断判断数据不为空否则不给跳转。

重点就是,我要跳转的数据就拼接在我要跳转页面的地址后面。
在这里插入图片描述
用空格把他们分开,方便后面的数据分割。

然后我们跳转到数据要跳转的页面。
写一个方法用来接收传递过来的数据

在这里插入图片描述
首先获取到本地的地址,再用=分割出后面跳转的数据
在这里插入图片描述
由于数据是加密的,我们还需要给它解密用decodeURI这个方法,获取到解密之后的数据
在这里插入图片描述
最后把数据分割开来,用数组的方式接收数据再传进我们input标签就大功告成了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值