在 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>