利用前端代码实现 数据在不同页面中的传递。 1. 第一个登录页面,里面有提交表单, action 提交到 index.html页面 2. 第二个页面之所以可以使用第一个页面的数据,是利用了URL 里面的 location.search参数 3. 在第二个页面中,需要把这个参数提取。 4. 第一步去掉? 利用 substr 5. 第二步 利用=号分割 键 和 值 split(‘=‘) 6. 第一个数组就是键 第二个数组就是值
时间: 2023-06-26 07:09:37 浏览: 180
详解前端在html页面之间传递参数的方法
5星 · 资源好评率100%
实现这个功能可以通过以下步骤:
1. 在第一个登录页面中,通过表单提交数据到 index.html 页面,并将数据作为 URL 的查询参数附加在 URL 后面,如:index.html?key1=value1&key2=value2。
2. 在第二个页面中,可以通过 JavaScript 获取当前 URL 的查询参数,代码如下:
```javascript
var params = new URLSearchParams(location.search);
```
3. 可以使用 `substr` 方法去掉 URL 中的问号,代码如下:
```javascript
var queryString = location.search.substr(1);
```
4. 可以使用 `split` 方法将查询参数按照等号分割成键和值,代码如下:
```javascript
var paramsArray = queryString.split('&');
var paramsObj = {};
paramsArray.forEach(function(param) {
var keyValue = param.split('=');
paramsObj[keyValue[0]] = keyValue[1];
});
```
5. 最终得到一个包含所有查询参数的对象 `paramsObj`,可以通过访问对象的属性来获取对应的值。例如,获取第一个页面中传递的 key1 的值,可以使用 `paramsObj.key1`。
阅读全文