提交表单.html与数据在SPA(反应)?

我有这个html,我需要支付给支付网关。

<html>
<head>​</head>​

<body>
  <form id="pay_form" method="post">
    <div className="text-center">
      <div style="text-align:center;max-width:1170px;margin:0 auto;"></div>
      <input type="hidden" name="MerchantId" id="MerchantId"/>

    </div>
  </form>
</body>
<script>
    CheckOut();
        function CheckOut() {
      document.getElementById("pay_form").action = "<%= requestUrl %>";
            document.getElementById("MerchantId").value = "<%= merchantId %>";
      document.getElementById("pay_form").submit();
        }
</script>
</html>

如果我做 window.open('myhtml.html'); html会执行脚本并提交表格,但如何绑定该脚本?MerchantId 在这之前,它的值?

解决方案:

你可以使用URL查询,像这样。

const MerchantId = "<%= merchantId %>";
window.open(`myhtml.html?MerchantId=${MerchantId}`);

然后在你的 myhtml.html:

const MerchantId = getQueryVariable('MerchantId');

// credits: https://stackoverflow.com/a/2091331/4536543
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', variable);
}

给TA打赏
共{{data.count}}人
人已打赏
未分类

错误系统:9: Bad file descriptor (BOOST::FileSystem)

2022-9-8 18:32:02

未分类

从数据库中获取文件后,无法将项目推送到数组中。

2022-9-8 18:32:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索