将数据从javascript表单传递给Flask服务器

问题描述：

我真的很高兴使用stripe , flask and heroku为我的静态博客（github页面）设置自己的付款处理。将数据从javascript表单传递给Flask服务器

用户单击该按钮并转到托管在heroku上的支付应用程序。

问题是我真的不希望用户离开我的网站。

我真的很想知道是否有任何方法可以让我在客户端使用javascript和瓶颈应用程序在客户端执行服务器处理。

请给我指示这是如何做到这一点！

谢谢！

PS：我是一个python程序员，而不是在烧瓶或JavaScript的亲。由于我想自定义服务器端任务，所以我在这里使用瓶（python）。

编辑：

我想要做的恰恰是..

1）添加条纹结账按钮到我的博客当按钮被按下条纹（完成）

2）！结帐弹出

在这里被用于结帐的形式的代码

<form action="" method="POST"> 
    <script 
    src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
    data-key="YOUR_STRIPE_KEY" 
    data-amount="2000" 
    data-name="Demo Site" 
    data-description="2 widgets ($20.00)" 
    data-image="/128x128.png"> 
    </script> 
</form>

3）当用户输入他的信用卡信息，它应该去我的烧瓶应用程序添加客户，创建卡，添加一些关于客户的元数据和订阅他的计划。我想，必须有一些神秘的表单行为属性。

4）成功交易后加载谢谢页面。该页面位于我的博客模板中

是的，有一种方法，但我相信在有人可以帮助你之前你应该更具体。你有没有任何代码，或者你被卡住的地方？ – Boris

我已更新我的问题。请看一看！谢谢！ – piby180

答

提交此表单的最简单方法是将您的收费终结点放在Flask中作为此表单的“操作”值。

<form action="/charge" method="POST">

如果端点没有在同一网站上托管你需要

<form action="https://mysiteothersite.fake/charge" method="POST">

但是，如果你不希望用户离开你的博客/页事情变得有点棘手。而不是使用Stripe的基本签出，您需要使用Custom Integration。

在“令牌”回调函数中，您将创建一个AJAX POST request，其中包含从Stripe收到的令牌给您的Flask费用终端。您还需要在Flask服务器上添加一个CORS Header，该服务器允许您的博客提交令牌。如果你愿意的话，有一个Flask module。

将数据从javascript表单传递给Flask服务器

相关推荐