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

Question

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

喜欢： mydomain.com/?key=cHVyY2hhc2VwcmljZT0zNCQ =

返回的

：purchaseprice = 34 $

我读了How to get base64 encoded...，但没有帮助。

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

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

and in 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>

此处的详细信息：Base64 Encoding / Decoding in JavaScript。

示例：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