是否可以通过 AJAX 处理条形表单？答案

【问题标题】：Is it possible to process a stripe form via AJAX?是否可以通过 AJAX 处理条形表单？
【发布时间】：2013-05-04 20:55:43
【问题描述】：

我有这个：

<form class="blocked-form efocus" action="form_process.php?source=payment" method="post">
    <input type="hidden" name="fee" value="1795">
    <script src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
          data-key="<?php echo $stripe['publishable_key']; ?>"
          data-amount=1795 data-description="Month-to-month Package">
    </script>
</form>

为了处理这个问题，我使用了form.ajaxSubmit，但由于我没有使用提交按钮，例如：

<input type="submit" name="submit" class="general-button" value="Save and Continue" />

它不会通过 AJAX 处理。点击stripe提供的外部按钮时，有没有办法处理form_process.php?source=payment？

【问题讨论】：

标签： javascript jquery stripe-payments

【解决方案1】：

您可以通过为外部按钮注册一个点击处理程序来手动触发表单提交

$('my-button').click(function(){
    $('form.efocus').submit()
})

【讨论】：

太棒了，谢谢。我刚刚注意到的一个小问题是class="stripe-button" 不是我想调用.submit 的地方class="stripe-button" 创建一个带有信用卡处理表单的覆盖窗口。如何将按钮定位在新创建的 DOM 元素上？
您需要使用$(document).on('click', '<button>', function(){...})模型为动态元素注册事件处理器