已解決430363個問題，去搜搜看，總會有你想問的

如何使用Javascript將查詢參數附加到我的URL？

首頁猿問如何使用Javascript將查詢...

如何使用Javascript將查詢參數附加到我的URL？

JavaScript

慕桂英546537 2022-08-18 16:29:49

我正在構建一個網絡應用程序，并且我正在使用Firebase將用戶的數據存儲在Cloud Firestore中。我的Web應用程序上有一個頁面，允許用戶從Cloud Firestore查看他們的文檔。我想在我的URL末尾添加一個查詢參數，這樣我就可以獲取該查詢參數值并使用它來搜索文檔。view.html我一直在網上尋找可能的解決方案。到目前為止，我已經遇到了一些關于這個主題的視頻，但它們還沒有深入到我一直需要的深度。例如，此視頻演示如何從 URL 添加和獲取查詢參數，但僅演示如何在控制臺中記錄這些更改。如何將其設為我的網址？我也一直在瀏覽Stackoverflow以獲取解決方案。這個Stackoverflow帖子提出了一個類似的問題，但是，答案中的許多解決方案都會導致在循環中重新加載。為什么會這樣，如果這是一個可能的解決方案，我將如何阻止這種情況發生。view.html如何在Javascript中附加和獲取URL查詢參數？

查看完整描述

2 回答

回首憶惘然

TA貢獻1847條經驗獲得超11個贊

你說你想在javascript中做到這一點，所以我假設頁面本身正在構建/修改一個鏈接，要么放在頁面上，要么直接通過javascript轉到。

在瀏覽器中的javascript中有URL對象，它可以構建和分解URL

let thisPage = new URL(window.location.href);let thatPage = new URL("https://that.example.com/path/page");

在任何情況下，一旦您有了一個URL對象，您就可以訪問它的各個部分來讀取和設置值。

添加查詢參數使用 URL 的 searchParams 屬性，您可以在其中添加參數 - 并且不必擔心管理和...該方法為您處理。?&

thisPage.searchParams.append('yourKey', 'someValue');

這演示了它在此頁面上，添加搜索參數并在每個步驟中顯示URL：

let here = new URL(window.location.href);

console.log(here);

here.searchParams.append('firstKey', 'theValue');

console.log(here);

here.searchParams.append('key2', 'another');

console.log(here);

反對回復 2022-08-18

慕少森

TA貢獻2019條經驗獲得超9個贊

我以最簡單的方式解決了這個問題。它讓我想到，我可以通過將搜索參數添加到URL來鏈接到它。以下是我所做的：view.html

在我鏈接到的位置上，我創建了函數。我將參數添加到URL href的末尾。index.htmlview.htmlopenViewer();

function openViewer() {

window.location.href = `view.html?id={docId}`;

}

然后，我得到了這樣的參數：view.htmlURLSearchParameters

const thisPage = new URL(window.location.href);

var id = thisPage.searchParams.get('id');

console.log(id)

該頁面的新網址現在是“www.mysite.com/view.html?id=mydocid”。

反對回復 2022-08-18

2 回答
0 關注
147 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用Javascript將查詢參數附加到我的URL？

如何使用Javascript將查詢參數附加到我的URL？

2 回答

添加回答

如何使用Javascript將查詢參數附加到我的URL？

如何使用Javascript將查詢參數附加到我的URL？