使用javascript在URL中添加/修改查询字符串/ GET变量
使用JavaScript在URL中添加或修改查询字符串（GET变量）可以通过以下方法实现：
- 使用
URLSearchParams对象：
// 创建一个URLSearchParams对象
const params = new URLSearchParams(window.location.search);
// 添加或修改查询字符串参数
params.set('key', 'value');
// 将查询字符串参数添加到URL
window.history.pushState({}, '', `?${params.toString()}`);- 使用
location对象：
// 添加或修改查询字符串参数
function updateQueryString(key, value) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set(key, value);
window.location.search = urlParams.toString();
}
// 调用函数
updateQueryString('key', 'value');- 使用
window.location.href属性：
// 添加或修改查询字符串参数
function updateQueryString(key, value) {
const url = new URL(window.location.href);
url.searchParams.set(key, value);
window.location.href = url.toString();
}
// 调用函数
updateQueryString('key', 'value');这些方法可以用于在URL中添加或修改查询字符串参数，从而实现对GET变量的操作。在使用这些方法时，请确保遵循腾讯云相关产品的使用规范和限制。
相关·内容
2回答
如何从URL中获取param并将其保存为var否则使用默认值
javascript、url、parameters
我只是尝试这个JS代码从一个网站的URL中获取一个参数。?color=#HEXCODE，如果没有对齐的?颜色，我希望它应用默认的颜色。
我在下面少了什么？
var color = url.searchParams.get("color");
if (color) {
var color = color;
} else {
var color = ("#5e46e8");
}
浏览 3提问于2022-08-20得票数 -2
回答已采纳
1回答
如何提交另一个get属性并保留前一个属性？
java、jsp、get
我正在用Java构建我的第一个web应用程序。我遇到了这个问题。当像?page=2这样的get属性正确提交时，它在调用另一个get请求后就会丢失。我怎样才能保留第一个和附加另一个呢？以下是帮助我解决问题的图片
下面是.jsp页面中我的表单的代码片段。这用于通过传递列名对表进行排序：
<form action="GetUsersServlet" method="get">name
<input type="hidden" name="column
浏览 3提问于2022-10-12得票数 0
2回答
未更新url的urlSearchParams
javascript、search、pagination、url-parameters、urlsearchparams
我试图将搜索和页面添加到我的url中，以便在页面上进行搜索和分页。
const urlParams = new URLSearchParams(window.location.search);
if(!urlParams.has('search'){
urlParams.append('search', question);
}
if(!urlParams.has('page'){
urlParams.append('page', pageIndex);
}
这似乎对实际的url没有任何作用。但是当我调用urlPar
浏览 17提问于2022-11-23得票数 -1
回答已采纳
4回答
如何在客户端通过HTTP请求获取参数？
javascript、jquery、asp.net-mvc、asp.net-mvc-4、callback
我需要从某个社会服务API的剃须刀视图页面中捕获一个回调。回调请求由HTTP方法实现：
http://www.contactsimporter.com/home.cshtml
实现回调之后，我需要从HTTP请求中检索参数(param1=value1¶m2=value2)。例如：
http://www.contactsimporter.com/home.cshtml?param1=value1¶m2=value2
我需要从回调URL中检索这个参数param1=value1¶m2=value2。
如何使用JavaScript或jQuery代码获取这些参数？
浏览 2提问于2014-10-25得票数 3
回答已采纳
2回答
如何获取闪电组件salesforce中的查询字符串参数
javascript、salesforce、salesforce-lightning、salesforce-communities
我正在尝试从当前页面获取url查询字符串参数，并且我有以下代码：
doInit: function (component, event, helper) {
var urlParams = new URLSearchParams(window.location.search);
console.log("params::: ", urlParams);
if (urlParams.has("openSidebar") && urlParams.get("openSidebar") == true) {
浏览 3提问于2019-09-26得票数 0
回答已采纳
4回答
用history.pushState()更新URL中的参数
javascript、jquery、ajax、url
在我的页面上进行AJAX调用之后，我使用history.pushState向当前页面URL添加了几个参数。现在，在基于用户操作的同一页上，我希望再次使用相同或附加的一组参数更新页面URL。所以我的代码是这样的：
var pageUrl = window.location.href + "?" + queryString;
window.history.pushState('','',pageUrl);
queryString是我的查询参数列表。
例如，我的默认页面URL：
第一次在同一页面上调用AJAX之后，URL应该是：
在对同一页
浏览 9提问于2014-06-18得票数 29
4回答
如何编辑此函数并使其在不存在时设置URL参数
javascript、jquery
下面的函数用于替换URL中的一个变量。
它可以工作，但我希望这样做，这样如果您传入一个在URL中不存在的变量，它就会将它添加到URL中。
window.setUrlParameter = function(param, value) {
const regExp = new RegExp(param + "(.+?)(&|$)", "g");
const newUrl = window.location.href.replace(regExp, param + "=" + value + "$2");
浏览 3提问于2017-08-21得票数 0
回答已采纳
2回答
将对象传递给URL搜索参数
javascript、reactjs
我想将这个对象传递给url搜索参数：
const obj = {
mb_brand: car.base,
mb_factor: car.factor,
mb_type: car.type
}
我的职能是设置params：
const setQuery = (key, value) => {
let obj_url = new URL(window.location.href);
let params = obj_url.searchParams;
params.set(key, value);
Router.push
浏览 6提问于2022-06-10得票数 -2
回答已采纳
1回答
Javascript不承认两个url参数是相等的，即使它们是相等的
javascript、reactjs、validation、url、input
我正在使用React.js，并试图根据用户从一组中选择的参数来筛选存储产品。单击输入时，"onChange“将触发一个函数，该函数接受名称和值，对其进行编码，并将其作为键/值对放入URL查询中。
除了一个例子，一切都很好。当用户改变主意并在其中选择不同的答案时，我的javascript代码应该是：
获取当前的URL参数，检查名称是否已经在URL param作为键，如果它已经在URL param内，不要添加新的param，而是更改键的值，接受新的URL参数集并使用它们。
好消息是，这适用于大多数键/对。例如：
{ Color：#fffff }在URL "?Color=%23FFF
浏览 14提问于2022-08-29得票数 0
回答已采纳
4回答
获取html页面中的url参数。
javascript、jquery、html
我有一个HTML页面，它使用一个URL加载，看起来有点像这样：
http://localhost:8080/GisProject/MainService?s=C&o=1
我希望在不使用的情况下获得中的jsp查询字符串参数。
问题
这可以使用Javascript或jQuery来完成吗？因为我想在使用Node.js服务器的远程机器中部署页面之前使用本地服务器测试页面。
有图书馆可以让我这么做吗？
浏览 4提问于2014-03-24得票数 28
回答已采纳
3回答
有没有可能从js获取url参数？
javascript、jquery
有办法获得传递给js自身的url参数吗？
示例：
我想得到的结果是：var key = valuehere
像php一样，它可以用$_GET来完成，但是它是如何工作的呢？
提前感谢
编辑：
需要在js it self中定义键
function renderMe () {
var value = getkeyvaluefromURL; // query param stored here
$.ajax({
url: base_url+"/api/render",
method: "POST",
浏览 7提问于2021-02-01得票数 1
11回答
如何通过JavaScript检查查询字符串值是否存在？
javascript
如何使用JavaScript或jQuery检查查询字符串中是否包含q=？
浏览 1提问于2009-08-21得票数 117
回答已采纳
1回答
即使设置了参数，URL查询参数也会返回null
javascript、reactjs、url
我有一个带有react路由器和动态URL的react应用。我还有两个GET参数，比如/?name=something&date=2021，虽然name参数运行良好，但出于某种原因，date总是返回null。我使用onSubmit在表单中设置参数
function submitAction(e) {
e.preventDefault();
props.onChange(search, selectedDate);
const currUrl = new URL(window.location.href);
currUrl.searchParams.set("dat
浏览 22提问于2021-06-05得票数 0
回答已采纳
1回答
如何将子字符串从URL复制到剪贴板框？
javascript、html、css、web、google-oauth
我正试图为我的项目制作一个复制到剪贴板的网页。我从得到了这段代码。我试着按照我的想法去做，对JavaScript的了解更少--我做不到。我试着得到这些：-
1.从URL获取框中的子字符串。 2.通过单击“复制”按钮从框中复制子字符串。
我正在使用下面的代码来复制URL。
这是完整的URL。但我只想将我的副本中的code=**abcd**复制到剪贴板框中。
index.html
<div class="container">
<div class="label">
Authorization Code
&l
浏览 10提问于2022-07-13得票数 -2
1回答
只有当URL参数存在时才执行脚本
javascript
是否有一种方法使此脚本仅在URL中存在utm_campaign参数时执行？
function fillFormArea(){
const select = document.getElementById('property.cust_AreaOfInterest.value');
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString); //parse the query string
const count
浏览 3提问于2022-11-25得票数 -1
回答已采纳
1回答
AJAX获取Url参数并传递给PHP
php、ajax
我的用户将访问../verify.php?code=1228119j8dwq8dj218
我要把1228119j8dwq8dj218传给/verify_action.php
我试过像下面这样的东西，但是它说code还没有定义，
当我试图将verify-action.php脚本放在verify.php中并将url:"verify-action.php"更改为url:"verify.php"时，它工作得很好，但是导致我的成功和错误消息没有正确显示。
阿贾克斯
<script>
$(document).ready(function(){
$
浏览 5提问于2022-02-06得票数 0
1回答
跟踪302个重定向(/app)到应用程序存储的获取通道
laravel、redirect、google-analytics、routes、app-store
我们创建了一个智能链接
此链接检测设备:桌面、iphone或android。根据设备的不同，它会进入主页面或特定的应用程序商店。
链接是没有索引的302重定向。
目标：在google分析中包括/app重定向路径，并跟踪收购渠道
想法：
改变
不要使用重定向，只需转到主页
使用google标记管理器
某些第三方
是否有一些干净、简单的方法被认为是最佳实践？
更多信息：
为了创建重定向，我们使用了这个Laravel控制器方法
路由/web.php
Route::get('/app', 'LandingController@app');
Lan
浏览 4提问于2021-01-02得票数 0
回答已采纳
3回答
如何将URL参数复制到HTML
javascript、html
你好，我想问一下如何将url参数复制到html文本中。
例如，我的url是：www.domain.com/?id=123456&name=John
然后，我在html页面上写了如下: HTML：
Your ID is <div id="id"></div>
你的名字：
结果：
Your ID is: 123456
Your Name is: John
我的问题是，像上面这样将url参数复制到div的javascript是什么？
浏览 3提问于2021-09-12得票数 0
回答已采纳
1回答
JavaScript在将参数传递给新URL时重定向
javascript、html
我试图为javascript编写代码，该代码将重定向到新的url，同时获取url参数并将其传递给新的url。
访问的url =
要重定向到= 的新Url
这是我能想到的下面的代码。
<!DOCTYPE html>
<html>
<body>
<script>
const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get('id');
window.location.href = `www.sample.com/f
浏览 6提问于2022-02-15得票数 0
回答已采纳
1回答
我试图使用将这些值从表单输入传递到另一个页面。我使用URLSearchParams和querystring来获取值，并且可以在相同的页面上成功地显示它们。我无法理解的是如何将表单值发送到另一个页面并在该页面上显示它们。我用以下形式创建了一支钢笔：
<form action="./page2.html" id="sample-form">
<label for="fullname">Full Name</label>
<input type="text" name="full
浏览 0提问于2022-11-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
