【发布时间】:2020-07-11 07:24:53
【问题描述】:
我正在开发一个包含商店的网站。用户可以在这家商店使用 PayPal 付款,而且效果很好!购物车是使用 JavaScript 编写的,这导致了一些问题。
我最初想要一个 JS 函数,它可以通过他们的购物车向用户发送电子邮件,但我可以找到任何代码。我知道您可以使用 PayPal 获得明细收据,但我的系统不会提供这些详细信息。我已经阅读了 PayPal 网站的开发者部分,但我似乎无法弄清楚!
我的 PayPal 脚本如下:
<script>
paypal.Buttons({
createOrder: function(data, actions) {
// This function sets up the details of the transaction, including the amount and line item details.
return actions.order.create({
purchase_units: [{
amount: {
value: countCartTotal()
}
}]
});
},
onApprove: function(data, actions) {
// This function captures the funds from the transaction.
return actions.order.capture().then(function(details) {
// This function shows a transaction success message to your buyer.
window.location.href = "orderConfirmed.php"
clearCart()
});
}
}).render('#paypal-button-container');
//This function displays Smart Payment Buttons on your web page.
</script>
购物车在 cart.js 中编码,我知道我可以在 PayPal 脚本中使用此文件中的函数,因为函数“countCartTotal()”告诉 PayPal 向客户收取的费用。在我的购物车里。 js,这就是我将商品添加到购物车的方式:
function insertItemToDOM(product) {
cartDOM.insertAdjacentHTML('beforeend', `
<div class="cart__item">
<img class="cart__item__image" src="${product.image}" alt="${product.name}">
<h3 class="cart__item__name">${product.name}</h3>
<h3 class="cart__item__price">${product.price}</h3>
<button class="btn btn--primary btn--small${(product.quantity === 1 ? ' btn--danger' : '')}" data-action="DECREASE_ITEM">−</button>
<h3 class="cart__item__quantity">${product.quantity}</h3>
<button class="btn btn--primary btn--small" data-action="INCREASE_ITEM">+</button>
<button class="btn btn--danger btn--small" data-action="REMOVE_ITEM">×</button>
</div>
`);
addCartFooter();
}
我需要让 Paypal 包含“${product.name}”和“${product.quantity}”
【问题讨论】:
标签: javascript html paypal shopping-cart