gpt4 book ai didi

javascript - Stripe Checkout undefined reference 错误

转载 作者:行者123 更新时间:2023-12-02 22:37:50 25 4
gpt4 key购买 nike

我正在尝试将 Stripe 放入我的网页中以接受付款。但每当我加载页面时,我都会收到一条错误消息,指出 stripeCheckout 未定义。我知道这与我的脚本标签之一中导入的库有关,但我不确定为什么它显示为未定义。我认为导入的库是正确的。这是我的代码:

    <!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">





<!-- CSS Link -->
<link rel="stylesheet" href="styles.css">

<title>Store</title>

<script src="https://checkout.stripe.com/checkout.js" defer></script>
<script>
var stripePublicKey = '<%= stripePublicKey %>'
</script>
<script src="store.js" defer></script>
</head>

这在我的 store.js 文件中

const stripeHandler = stripeCheckout.configure({
key: stripePublicKey,
locale: 'auto',
token: function(token){

}
})

// Removes cart items after they are purchased
const purchaseItems = () => {
// let cartItems = document.getElementsByClassName('cart-items')[0]
// while(cartItems.hasChildNodes()){
// cartItems.removeChild(cartItems.firstChild)
// }
// updateCartTotal()

let priceElement = document.getElementsByClassName('cart-total-price')[0]
let price = parseFloat(priceElement.innerText.replace('$', '')) * 100
stripeHandler.open({
amount: price
})
}

最佳答案

我相信特定的 Stripe checkout API(和脚本)现已被弃用。

以下是新 API 文档的链接:https://stripe.com/docs/payments/checkout/migration#client-products

文档示例:

// client.html
<script src="https://js.stripe.com/v3"></script>
<button id="checkout-button">Pay</button>

// client.js
var stripe = Stripe('YOUR_API_KEY');

var checkoutButton = document.querySelector('#checkout-button');
checkoutButton.addEventListener('click', function () {
stripe.redirectToCheckout({
items: [{
// Define the product and SKU in the Dashboard first, and use the SKU
// ID in your client-side code.
sku: 'sku_123',
quantity: 1
}],
successUrl: 'https://www.example.com/success',
cancelUrl: 'https://www.example.com/cancel'
});
});

关于javascript - Stripe Checkout undefined reference 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58685813/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com