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

Question

Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，使其仅通过 editing this post专注于一个问题。
                        
                        4年前关闭。
                                                                                            
                
        
我非常高兴使用 stripe , flask and heroku为我的静态博客（github页面）设置自己的付款处理。

用户单击该按钮，然后转到heroku上托管的我的flask应用进行付款。

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

我真的很想知道是否可以通过任何方式使用javascript和heroku上的flask应用程序在客户端进行结帐表格来进行服务器处理。

请给我指示如何实现的！

谢谢！

PS：我是python程序员，不是烧瓶或javascript专业人士。由于我想自定义服务器端任务，因此我在这里使用flask（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）当用户输入他的信用卡信息时，它应该转到我的flask应用程序以添加客户，创建卡，添加有关该客户的一些元数据并将其订阅到计划中。我想一定是对表单的action属性有一些神秘的使用！

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

最佳答案

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

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

如果此终结点不在同一站点上托管，则需要

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

但是，如果您不希望用户离开您的博客/页面，则事情会变得有些棘手。代替使用Stripe的基本结帐，您需要使用 Custom Integration。

在“令牌”回调中，您将使用从Stripe收到的令牌创建一个 AJAX POST request到Flask计费端点。您还需要在Flask服务器上添加 CORS Header，以允许您的博客提交令牌。如果需要，可以使用 Flask module。

关于javascript - 将数据从javascript表单传递到Flask服务器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31371795/

上一篇：Python Socket 不断监听并接受新客户端

下一篇：python - Python 中的正则表达式未捕获所有信息

相关文章：

python - 将控制台输入行保持在输出下方

python - 升级 Pip 错误信息

javascript - 一般来说，在 javascript 中，使用innerHTML 不是一个安全问题吗？

javascript - ie11 css 旋转 - 背景元素不可点击

python - 导入错误 : No module named pandas

javascript - 如何远程获取在heroku上运行的phantomjs脚本的答案？

css - Rails 4 图像在生产中更大

heroku - 通过 Jenkins 推送到 Heroku 的教程

javascript - 我可以从内部函数中屈服吗？

javascript - 如何防止 signalR 错误停止进一步执行 javascript

Answer 1

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

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

如果此终结点不在同一站点上托管，则需要

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

但是，如果您不希望用户离开您的博客/页面，则事情会变得有些棘手。代替使用Stripe的基本结帐，您需要使用 Custom Integration。

在“令牌”回调中，您将使用从Stripe收到的令牌创建一个 AJAX POST request到Flask计费端点。您还需要在Flask服务器上添加 CORS Header，以允许您的博客提交令牌。如果需要，可以使用 Flask module。