用户在 <iframe> 内执行操作后删除 <div>

Question

我有一个付款表格，它是来自第三方的<iframe>，后面是<div>。一旦用户完成付款，我想删除这个div。

<iframe id="payment-form"> </iframe>
<div class="to-disappear"></div>

<script language="javascript">
  var iframe = document.getElementById('payment-form');
  iframe.src = 'https:somelink.com';
</script>

我看到很多人建议.load(function()，但事实并非如此。我需要在付款后删除.to-disappear，而不是初始加载。付款成功后，我会从 Stripe 收到一个令牌，也许这会很有用。

有没有办法做到这一点？

Answer 1

如果您将看到用于生成令牌的条带 js，当脚本将令牌附加到您的表单时，您将在此看到此方法 stripeResponseHandler，您可以编写代码来隐藏

  function stripeResponseHandler(status, response) {
                    if (response.error) {
                        // re-enable the submit button
                        $('.submit-button').removeAttr("disabled");
                        // show the errors on the form
                        $(".payment-errors").html(response.error.message);
                    } else {
                        var form$ = $("#payment-form");
                        // token contains id, last4, and card type
                        var token = response['id'];
                        // insert the token into the form so it gets submitted to the server
                        form$.append("<input type='hidden' name='stripeToken' value='" + token + "' />");
                        // and submit
                        form$.get(0).submit();
                    }
                }