Javascript 通过AJAX将柱打到烧瓶上
我正在尝试使用一个函数,在提交条带表单时发送ajax请求。我尝试过使用Javascript 通过AJAX将柱打到烧瓶上,javascript,jquery,ajax,stripe-payments,Javascript,Jquery,Ajax,Stripe Payments,我正在尝试使用一个函数,在提交条带表单时发送ajax请求。我尝试过使用.submit(),但它似乎没有任何作用。以下是我正在尝试的: HTML 我甚至不认为这个函数会被调用,所以我停止了对它的添加,直到我找到了答案。任何帮助都将不胜感激。谢谢 您需要使用该方法,以便可以定义在签出创建令牌时调用的回调,然后您可以在AJAX请求中提交令牌(或执行任何您想要的操作): 下面是一个基本示例:您如何提交表单?有按钮吗?你试过使用onsubmit吗?你看到hello警报了吗?您是否尝试删除默认设置?你试过回
.submit()
,但它似乎没有任何作用。以下是我正在尝试的:
HTML
我甚至不认为这个函数会被调用,所以我停止了对它的添加,直到我找到了答案。任何帮助都将不胜感激。谢谢 您需要使用该方法,以便可以定义在签出创建令牌时调用的回调,然后您可以在AJAX请求中提交令牌(或执行任何您想要的操作):
下面是一个基本示例:您如何提交表单?有按钮吗?你试过使用onsubmit吗?你看到hello警报了吗?您是否尝试删除默认设置?你试过回归真实吗?标题上写着ajax,但您正在尝试提交。这里发生了什么?刚刚测试了所有这些;还是没什么。我自己也非常困惑。如果它最终不起作用,我可能不得不改用它,但我看不出它不起作用的原因。js脚本生成一个模式,其中包含付款输入字段和提交按钮。单击提交按钮时,表单数据将作为POST请求发送到表单上的操作url(本例中为/download_data)。AJAX调用是在我至少能够理解为什么没有调用函数之后我要做的事情。这就是我昨天做的事情,所以我想我还是选择这个为好。
<form action="/download_data" method="post" id="paymentForm">
<script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="{{ stripe_key }}"
data-description="A Flask Charge"
data-amount="500"
data-locale="auto">
</script>
</form>
$("#paymentForm").submit(function(event) {
window.alert("HELLO")
event.preventDefault();
var $form = $(this),
url = $form.attr('action');
var formdata = $form.serialize();
console.log(formdata)
//AJAX will go here if I can get the function working
})
var handler = StripeCheckout.configure({
key: 'pk_...',
token: function(token) {
// Grab the token from `token.id` and send it in an AJAX request
}
});