如何从URL参数获取base64编码的值并将其放在使用JavaScript的输入字段中

Question

我想使用（base64编码的密钥）作为URL参数

像：mydomain.com/?key=cHVyY2hhc2VwcmljZT0zNCQ=

返回：purchaseprice = 34 $

我读了《 如何获取base64编码》，但是它没有帮助。

这是我没有base64的工作代码：

 <input type="text" id="price" /> <script> const url = new URL(window.location); document.querySelector('#price').value = url.searchParams.get('purchaseprice'); </script> 

并在Codepen中

Answer 1

如果您期望purchaseprice的返回值是base64编码的，则需要使用atob()函数：

<input type="text" id="price" />
<script>
const url = new URL(window.location);
document.querySelector('#price').value = atob(url.searchParams.get('purchaseprice'));
</script>

此处的详细信息： JavaScript中的Base64编码/解码 。

示例： CodePen

Answer 2

感谢cptcoathanger

我用这个简单的代码做到了。

 var fdurl = new URL(window.location); var fdunc = fdurl.searchParams.get('key'); var url = "https://codepen.io/shahabarvin/pen/JmzyZq?" + window.atob(fdunc); document.querySelector('#price').value = new URL(url).searchParams.get("purchaseprice"); 

 <input type="text" id="price" /> 

Codepen