在 URL 中創建查詢字符串（用於鏈接<a>）</a>

Question

我正在嘗試在 URL 中為鏈接創建查詢字符串。 我找不到問題所在，我嘗試了很多東西，但我總是得到“urlCameras”的“未定義”。 感謝您的幫助 ！

 const cameras = [{ _id: "Camera 1" }]; const linkProduct = document.getElementById("linkProduct"); let url = 'file:///D:/openclassrooms/projet5/orinoco/product.html'; let urlObj = new URL(url); let params = new URLSearchParams(url.search); let idCameras = cameras[0]._id; let urlCameras = params.append("?id=", "idCameras"); linkProduct.href = urlCameras;

 <a id="linkProduct">Click</a>

Answer 1

幾件事

1. .append("?id=", "idCameras"); 應該是.append("id",idCameras)因為

• ? 和= - searchParams 為您處理
• 不要引用參數變量

2. 你有太多的變量 - URL 有自己的 searchParams 你可以使用

 const cameras = [{ _id: "Camera1" }]; const linkProduct = document.getElementById("linkProduct"); let url = 'file:///D:/openclassrooms/projet5/orinoco/product.html'; let urlObj = new URL(url); let idCameras = cameras[0]._id; urlObj.searchParams.append("id", idCameras); linkProduct.href = urlObj;

 <a id="linkProduct">Click</a>