区分二维码 url 和 api url 的参数

Question

我想生成一个带有多个预填值的二维码。 但似乎只有第一个值被编码到生成的二维码中。 我猜是因为它假设第一个参数之后的参数属于 api url..

有人能帮我一下吗？

.src = "https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=" 
+ "https://google.com/?" + "field1=" + var1 + "&" + "field2=" + var2

我在网上看过没有运气 - 也许是因为我不知道如何描述这个问题。 （请注意，google.com 只是一个占位符 url，而不是我正在使用的那个）

Answer 1

由于您尝试传递给data的 URL 包含/ , ? 并且&你必须对其进行编码。 例如，浏览器不知道是将field2传递给主 URL 还是传递给data URL。要对传递给data的 URL 进行编码：

const url = "https://google.com/?" + "field1=" + var1 + "&" + "field2=" + var2
const src = "https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=" + encodeURIComponent(url)

在一个不相关的说明中，考虑使用模板字符串来使您的代码更具可读性：

const url = `https://google.com/?field1=${var1}&field2=${var2}`
const src = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(url)}`