通过 Ajax 更新 PayPal Smart Button

Question

我有一个通过 Ajax 更新的购物车（数量，删除产品）。如何更新智能按钮 iframe 中的值？当我刷新页面时它显然有效，但是如何使用 Ajax 在后台进行呢？我尝试使用绕过同源策略的 hack 重新加载 PayPal iframe，但它没有用，Smart Button 消失了。这就是我正在谈论的技巧：const iframe = document.querySelector("iframe");iframe.src = iframe.src这是我的智能按钮代码：<script>     paypal.Buttons({    style: {      shape: "rect",      color: "gold",      layout: "horizontal",      label: "checkout",      size: "responsive",      tagline: "false"  },    createOrder: function(data, actions) {      return actions.order.create({        purchase_units: [{          amount: {            currency_code: "GBP",            value: <?php echo number_format($total, 2); ?>          },        }]      });    },    onApprove: function(data, actions) {      return actions.order.capture().then(function(details) {        alert("Dear " + details.payer.name.given_name + ", Thank you for your payment!");      });    },    onShippingChange: function(data, actions) {      if (data.shipping_address.country_code !== "GB") {        return actions.reject();      }      return actions.resolve();    }  }).render("#paypal-button-container");}</script>

Answer 1

更改此行：

value: <?php echo number_format($total, 2); ?>

要调用 JavaScript 函数，您需要编写该函数并将其作为页面的一部分

value: getCartTotal()

在某处，也许在 的顶部<script>，您会看到类似以下内容的内容：

window.myCartTotal = '<?php echo number_format($total, 2); ?>';

function getCartTotal() {

  return window.myCartTotal;

}

然后让你的 AJAX 也更新 window.myCartTotal