【问题标题】:programmatically set Paypal purchase 'value'以编程方式设置 Paypal 购买“价值”
【发布时间】:2020-09-21 12:42:48
【问题描述】:

我正在尝试构建我的第一个 paypal 购物支付系统。 Paypal 提供了一些基本代码来帮助解决这个问题:

<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=[MY-CLIENT-ID]&currency=GBP" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'rect',
          color: 'white',
          layout: 'vertical',
          label: 'paypal',

      },
      createOrder: function(data, actions) {
          return actions.order.create({
              purchase_units: [{
                  amount: {
                      value: '1'
                  }
              }]
          });
      },
      onApprove: function(data, actions) {
          return actions.order.capture().then(function(details) {
              alert('Transaction completed by ' + details.payer.name.given_name + '!');
          });
      }
  }).render('#paypal-button-container');
</script>

我似乎无法弄清楚如何在函数内部设置“值”标签:

createOrder: function(data, actions) {
          return actions.order.create({
              purchase_units: [{
                  amount: {
                      value: '1'
                  }
              }]
          });

我的网站使用 jQuery 在 bootstrap 4.5 中。在网站的 index.html 页面上,我有 2 个按钮,可以单击它们来购买两种不同的服务。根据用户选择的选项,我使用 javascript 在localStorage 中设置值,如下所示:localStorage.setItem('serviceCost', $('#standard-cost').text()); 这从 ID 为“standard-cost”的 span 标签中获取一个值。然后使用它来设置 purchase.html 页面上的文本,以向用户确认他们选择的项目。我想从localStorage.getItem(serviceCost) 获取值并使用它来设置上述函数中“值”键的成本,但我尝试的一切都失败了。 paypal 脚本嵌入在 html 页面中,而 jQuery 位于单独的文件中。 Paypal 网站对此没有提供任何见解,我假设这是一个相当常见的过程,那么如何从 localStorage 获取值并将其传递给 Paypal 生成的代码中的 value 变量?

【问题讨论】:

    标签: javascript html jquery paypal


    【解决方案1】:
                  amount: {
                      value: localStorage.getItem('serviceCost')
                  }
    

    是的

    【讨论】:

    • 错过了引号。可以踢自己。谢谢你的帮助! :)
    猜你喜欢
    • 2010-12-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-02
    • 2019-11-30
    • 1970-01-01
    • 2013-08-30
    • 2018-04-02
    相关资源
    最近更新 更多