我一直在使用https://stripe.com/docs/payments/checkout/migrating-prices#server-side-code-for-inline-items和https://stripe.com/docs/payments/checkout/accept -a-payment以及其他指南/SO 帖子作为指南。
payments.html 页面中的结帐按钮不起作用;页面上没有任何反应。
在 Flask 的 /payment 函数中,我已经能够打印出 session/session.id 了。
我试过将会话和 session.id 传递给 payments.html 页面,但都没有用。payments.html 上的 {{price}} 工作正常。
为了使结帐页面正常工作,我在这里忽略/弄乱了什么?
基础.html
<!DOCTYPE html>
<html>
<head>
<title>Stripe Checkout</title>
<link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.min.css') }}">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>
<body>
<div class="container">
{% block content %}
{% endblock %}
</div>
{% block scripts %}
{% endblock %}
</body>
</html>
付款.html
{% extends "base.html" %}
{% block content %}
<div>
<h1>Cost</h1>
<h2>Pay ${{price}}</h2>
<button type="button" class="btn btn-primary" id="checkout">Pay with Card</button>
<button type="button" class="btn btn-primary" id="back">Back</button>
</div>
<div id="status">
<br>
<div class="alert alert-primary" id="alert" role="alert"></div>
</div>
{% endblock %}
{% block scripts %}
<script src="https://js.stripe.com/v3"></script>
<script>
var stripe = Stripe('pk_test_...');
var checkoutButton = document.querySelector('#checkout');
checkoutButton.addEventListener('click', function () {
stripe.redirectToCheckout({
sessionId: {{sessionID}}
});
});
</script>
{% endblock %}
慕神8447489
相关分类