使用Python Flask自定义条纹签出

Question

我试图弄清楚如何在Flask Web应用程序上使用Stripe设置自定义结帐集成。

我将Stripe文档（ https://stripe.com/docs/checkout#integration-custom ）中找到的代码复制到了HTML的底部：

<div class = "container">
<script src="https://checkout.stripe.com/checkout.js"></script>
  <form role="form" id = "myForm" action="{{ url_for('charge')}}" method="post">
<div class="form-group">
            <div class="col-md-12 button-field" style = "text-align: center;">
              <button type="confirm" id = 'confirm' onclick = "runStripe('https://checkout.stripe.com/checkout.js')" class="btn btn-default btn-responsive btn-lg">Confirm Order</button>
            </div>
          </div>  
      <script>
        var handler = StripeCheckout.configure({
          key: "{{ key }}",
          locale: 'auto',
          token: function(token) {
              $("#stripeToken").val(token.id);
              $("#stripeEmail").val(token.email);
              $("#myForm").submit();
          }
        });

        document.getElementById('confirm').addEventListener('click', function(e) {
          // Open Checkout with further options:
          handler.open({
            name: 'Checkout',
            description: "",
            amount: {{ amount }}
          });
          e.preventDefault();
        });

        // Close Checkout on page navigation:
        window.addEventListener('popstate', function() {
          handler.close();
        });
      </script>
      <script>
      document.getElementsByClassName("stripe-button-el")[0].style.display = 'none';
    </script>
</form>
</div>

不幸的是，尽管将弹出“ Stripe Checkout”屏幕，但它无法向我的服务器发送POST请求。 我相当确定这是因为我的功能（令牌）不正确。 但是，我对Javascript不太满意，因此我不知道该怎么做。 关于如何将令牌发送到Flask服务器的任何建议将不胜感激。 供参考，这是我的后端：

@app.route('/charge', methods=['GET', 'POST'])
def charge():
    if request.method == 'POST':
            customer = stripe.Customer.create(
                email = session['user'],
                source = request.form['stripeToken']
            )

            charge = stripe.Charge.create(
                customer = customer.id,
                amount = session['amount'],
                currency = 'usd',
                description = 'Payment'
            )
            orders = mongo.db.orders
            has_ordered = orders.find_one({'_id': session['user']})
            if has_ordered:
                orders.update({'_id': session['user']},
                                {'$set':
                                    {'name': request.form['name'],
                                     'dorm': request.form['dorm']}})
            else:
                orders.insert({'_id': session['user'],
                                'name': request.form['name'],
                                'dorm': request.form['dorm']})
            for key, value in (session['customer']).iteritems():
                has_ordered = orders.find_one({'_id': session['user'], str(key): {'$exists': True}})
                total = int(value)
                if has_ordered:
                    total += int(has_ordered[key])
                orders.update({'_id': session['user']},
                                {'$set':
                                     {key: total}})
            content = render_template('message.html', ordered = True)
            send_mail('Your Order Summary', content, session['user'], True)
            session['customer'] = {}
            return redirect(url_for('index'))
    else:
        try:
            if g.user:
                return render_template('charge.html', 
                                        key = stripe_keys['publishable_key'],
                                        amount = session['amount'],
                                        tax = session['tax'],
                                        subtotal = session['subtotal'],
                                        months = 2 * deliveries_remaining())
        except KeyError:
            return redirect(url_for('shop'))
        return redirect(url_for('login'))

如果有人可以为我提供用于功能（令牌）的代码，我将不胜感激。 谢谢！

Answer 1

检查您的浏览器控制台日志，以查看它是否可以识别令牌中的jquery代码。 当我运行此代码时， $ is not defined返回的控制台$ is not defined 。

尝试像这样在令牌中初始化jquery：

          var handler = StripeCheckout.configure({
        key: "{{ stripe_key }}",
        locale: 'auto',
        token: function(token) {
          $(document).ready(function(){
            $("#stripeToken").val(token.id);
            $("#stripeEmail").val(token.email);
            $("#payment_form").submit();
            })
          }
        });

并将此脚本添加到容器div上方：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

如果您想了解更多信息，请参考此页面： https : //api.jquery.com/ready/