javascript - 如何在 javascript 的超链接中传递多个参数？

Question

我正在尝试使用 JavaScript 创建动态超链接。我正在使用“&”传递多个参数，但我遇到了解析错误。

JavaScript:

<script>
    function visitPage() {
        var phn = document.getElementById("bid").value;
        var totalprice = spans[3].innerHTML;
        window.location.href = 'https://www.instamojo.com/stayuncle/payments-for-stayuncle?data_amount='
            + totalprice + '&' + 'data_Field_68092=' + phn;
    }
</script>

错误:

The entity name must immediately follow the '&' in the entity reference.

我试图通过传递 '&' 来修复它，这导致链接看起来像这样:https://www.instamojo.com/stayuncle/payments-for-stayuncle/?data_amount=1374.75&AMPdata_Field_68092=Hotel%20Delhi%20Airport%20Link

“&”仍在链接中，而不是自己转换为 & 符号。

我还删除了每个 & 之后的分号 (;)，因为它不允许我发布实际问题。

Answer 1

var a = 1374.75;
var b = 'Hotel Delhi Airport Link';
var url = 'https://www.instamojo.com/stayuncle/payments-for-stayuncle'
var link = decodeURIComponent(url+'?data_amount='+a+'&data_Field_68092='+b)

alert("Redirecting to"+ link)
location.href = link

还需要将代码包裹在<![CDATA[ code //]]>中与使用 Thymeleaf 一样。