JS 数据在不同页面传递小练习

最新推荐文章于 2022-03-01 18:45:40 发布
最新推荐文章于 2022-03-01 18:45:40 发布
阅读量474 收藏 3
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MaMin_/article/details/108766861
版权
本文介绍了使用JavaScript通过URL的location.search参数实现跨页面数据传递的方法。在登录页面提交表单后，数据会以查询字符串的形式传递到下一个页面，通过解析查询字符串获取并使用这些数据。相关技巧包括substr截取字符串和split分割字符串来提取键值对。
摘要由CSDN通过智能技术生成

目录

知识点

获取URL中的location.search参数；

案例分析

1.第一个登录页面，里面有提交表单，action提交到index.html页面
2.第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果
3.第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search参数
4.在第二个页面中，需要把这个参数提取
5.第一步利用substr去掉‘？’，第二步利用split用‘=’分割键和值

代码

login.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			input {
   
				outline: none;
			}
		</style>
	</head>
	<
最低0.47元/天 解锁文章
MaMin_
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js实现把一个页面层数据传递到另一个页面
xiaoxiaoyoumeng的博客
08-12 1万+
由于之前面试，被问到过此问题，所以今天特意整理了一下。由于自己技术水平有限，若存在错误，欢迎提出批评。 本博客整理了两种方式从一个页面层向另一个页面层传递参数。 一. 通过cookie方式 1. 传递cookie页面的html,此处命名为a.html 请输入用户名和密码： &lt;input id="userName" type="text" /&gt; &lt;input id="pa...
【JS】两个页面之间的传参和获取（获取url中的参数）
aring1998的博客
01-23 3110
前言：近期首次完成了一次项目，其中大量用到两个页面之间的传参和获取，在此做一个总结。 零、获取url中的参数函数 只是需要获参函数的朋友这里直接复制就好~ <script> // 截取字符串后面的参数 function getParameter(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构建一个含有目标参数的正则表达式对象 v
js-如何在两个页面之间互相传递数据？
Call_me_small_pure的博客
10-15 9260
页面之间传递数据我们常用到的两种方式： 把要传递的数据作为字符串拼接到要跳转的url后面，另一个页面直接读取本页面的url 这是封装好的两个函数，直接拿来调用就可以//把参数拼接到url后面 function grow(obj,url) { var s = ''; for(var k in obj){ s += "&"+k+"="+obj[k]; }
数据在不同页面的传递（URL参数获取）
m0_48375854的博客
12-06 1381
        网页中，我们常常遇到这种情况，当我们在某个页面输入信息的时候，会跳转到另一个页面，并且会将我们输入的信息传递到另一个页面中，怎样操作呢？ 今天，我们就来实战一下，比如，现在有两个页面，当我们在一个页面输入用户信息的时候，就会跳转到另一个页面并显示，xx欢迎登录的界面。         先来看看设计思路： 第一个登录页面，里面有提交表
JS跨页面传递参数值并获取该参数
Welcome to my blog
12-11 1万+
对于js跨页面传递参数的方法有两种： 1、针对参数较为简单，字符串较短的参数传递可以采用url后缀添加参数的方法来实现； 2、但是对于参数较为复杂或者参数比较多的情况就可以采用本地储存的方式来实现； **首先第一种：通过url传递参数值并获取该参数 window.location.href="index.html?id=01&name='test'"; 将参数直接拼接在url地...
js 不同页面间传递值并取值，html不同页面间数据传递
热门推荐
web_xyk的专栏
08-22 2万+
以前没用到过页面间传递参数再从后台获取数据，自己总结了一些。 先说需求：现在有页面pageA.html 和页面pageB.html，页面pageA.html中有一事件，当这个事件触发时会打开页面pageB.html。而且页面pageB.html中的一些内容需要根据pageA.html 中的一些值来判断显示哪些内容或者做一些操作。 方法一： (1) pageA.html 中的事件为 windo...
JS前端跨页面传值
m0_47697572的博客
03-01 7113
JS前端页面传值 1.url 2.cookie 3.H5 web storage
js实现在不同网页间传递数据
黄大仙
08-09 731
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面二</title> </head> <body> <div></div> <script> console.log(location.search) //uname=an //先去掉? .
js原生实现不同页面之间的数据传递
xiaoxiaofly的博客
07-24 1555
1.URL传递参数； 2.浏览器webstorage进行传递； 3.利用cookie 进行传递；
js两个页面之间传递参数
darer49的博客
11-20 1万+
今儿写js写了个页面跳转，要把参数从一个页面传递过去 我寻思网上一看正好有这个方法，还不用后台岂不是美哉 就比方说咱吧page1.jsp的俩参数传到page2.jsp里头 page1.jsp的代码我就直接放个js的了 &lt;script&gt; //这儿底下是page1.jsp的代码 var jump = function(){//这儿写个触发的函数，有啥想传递的参数也可以先搁函数...
JS实现页面间图片传递
JackWu blog
12-18 1640
1.页面传值 工作中用到的页面传值先将js对象转换为json字符串，做为value存入共通的页面的input框中，下画面获取共通画面input框的value，把value(json字符串)转换为js对象，完成页面间值得传输 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 语法 JSON.stringify(value[, replacer[, sp...
js不同页面间跳转以及参数传递和调用
L_jf_的博客
07-23 1095
** js不同页面间跳转以及参数传递和调用 获取值并赋值给变量，进行传参。 <script> function jump() { var a = document.getElementById("one").value;//获取目标值 var b = document.getElementById("two").value; ...
js不同界面传值
记录踩过的坑只为了更好地填坑
04-09 878
//在还没有跳转页面的当前页编辑 var storage = window.localStorage;//声明storage永久存储数据 storage.setItem("userid", data.uid);//实时存储，在需要跳转页面的前一行编辑 //在已经跳转的页面中编辑 storage.getItem("userid");//在跳转的页面里获取
html页面间传递图片,HTML页面间之间传递数据的两种方法
weixin_42298427的博客
06-03 1814
经常会有要在两个页面中传递数据的需求，HTML页面间传递数据的两种方法：方法1，通过URL传递，在第二页面运用location对象的方法获取；方法2，将数据存储在localStorage中，在第二页面中读取。页面1的HTML和JS代码如下：页面1var student={ //一个json数据"name":"gougou","age":2}var strStudent=JSON.stringif...
js 不同页面间传递值并取值
weixin_34191845的博客
11-27 140
原博主地址:http://blog.csdn.net/web_xyk/article/details/47857033 以前没用到过页面间传递参数再从后台获取数据，然后搜索了一下。 发现了一个比较好的方法： 1.先说需求：现在有页面pageA.html 和页面pageB.html，页面pageA.html中有一事件，当这个事件触发时会打开页面pageB...
Java技术在系统分析师练习题中的应用分析
首先，表示层采用了JavaScript来生成动态页面，但由于JavaScript在服务器端执行效率较低，因此被限制仅用于显示由中间件层传递的数据。最初的方案中，JavaScript承担了部分业务逻辑处理，但这样做降低了系统效率，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值