jquery返回上一个页面携带参数

原创

mob64ca12cfec58 2023-09-01 09:48:28 ©著作权

文章标签 jquery javascript 带参数 文章分类 jQuery 前端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12cfec58的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何在jquery中返回上一个页面携带参数

简介

在使用jquery开发时，有时需要在跳转到上一个页面时携带参数。本文将介绍如何使用jquery实现返回上一个页面并携带参数的方法。

流程

下面是实现该功能的步骤：

步骤	操作
1	获取上一个页面的URL
2	将需要携带的参数拼接到URL上
3	使用location.href跳转到新的URL

具体步骤和代码

步骤1：获取上一个页面的URL

在jquery中，可以使用document.referrer来获取上一个页面的URL。这个属性返回一个字符串，即上一个页面的完整URL。我们可以将其存储在一个变量中，以便后续使用。

var previousUrl = document.referrer;

步骤2：将参数拼接到URL上

在上一个页面的URL后面，我们可以使用问号（?）来添加参数。参数的格式为key=value，多个参数之间使用&进行分隔。

假设我们需要携带两个参数，分别是param1和param2，其值分别为value1和value2。

var param1 = 'value1';
var param2 = 'value2';
var queryParams = 'param1=' + param1 + '&param2=' + param2;
var newUrl = previousUrl + '?' + queryParams;

步骤3：跳转到新的URL

最后一步是使用location.href来跳转到新的URL。将上一步得到的新URL赋值给location.href即可。

location.href = newUrl;

完整代码

下面是完整的代码示例：

var previousUrl = document.referrer;

var param1 = 'value1';
var param2 = 'value2';
var queryParams = 'param1=' + param1 + '&param2=' + param2;
var newUrl = previousUrl + '?' + queryParams;

location.href = newUrl;