通过总金额到PayPal快速结账

Question

我的 ASP.NET 网络表单网页上有快速结帐按钮，但似乎无法弄清楚如何在单击按钮时将总变量(存储在页面上的标签中(传递到PayPal弹出窗口。

我知道这个问题已经问过了(如何将订单总计传递到(金额：{总计："0.01"，货币："美元"}(在PayPal(，但答案对我来说毫无意义，也没有像我作为初学者程序员那样详细。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <script src="https://www.paypalobjects.com/api/checkout.js"></script>
     <script>
        paypal.Button.render({
            env: 'sandbox', // sandbox | production
            style: {
                label: 'pay',
                size: 'small', // small | medium | large | responsive
                shape: 'rect',   // pill | rect
                color: 'gold'   // gold | blue | silver | black
            },
            // PayPal Client IDs - replace with your own
            // Create a PayPal app: https://developer.paypal.com/developer/applications/create
            client: {
                sandbox:    'AWDwdGr-KZK4jJi0WBUZmFowgG6oCtLpNDxtXuiOfAT1UdNUYeSlvoXYkrKW7SRdcYqqjHCo7IcYPmJf',
                production: 'Production ClientID'
            },
            // payment() is called when the button is clicked
            payment: function(data, actions) {
                // Make a call to the REST api to create the payment
                return actions.payment.create({
                    payment: {
                        transactions: [
                            {
                                amount: { total: '0.01' , currency: 'EUR' }
                            }
                        ]
                    }
                });
            },
            // onAuthorize() is called when the buyer approves the payment
            onAuthorize: function(data, actions) {
                // Make a call to the REST api to execute the payment
                return actions.payment.execute().then(function() {
                    window.alert('Payment Complete!');
                });
            }
        }, '#paypal-button-container');
    </script>

有人可以给我一些关于如何做到这一点的指导吗？

Answer 1

您链接的答案确实很好地解释了这一点，但是由于您想要更多解释，因此在WebForms中，您可以使用 asp.net 内联服务器标记来访问页面中的元素，只要它们位于aspx文件上。语法如下：

<%=ElementName.Property%>

这允许您直接访问该值或将其分配给 javascript 变量。在您的情况下，两者都应该可以正常工作，对于标签和包含文本的内容等元素，您要查找的属性通常是 innerHTML 或 innerText，因此以下内容应该为您提供所需的结果：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <script src="https://www.paypalobjects.com/api/checkout.js"></script>
     <script>
        paypal.Button.render({
            env: 'sandbox', // sandbox | production
            style: {
                label: 'pay',
                size: 'small', // small | medium | large | responsive
                shape: 'rect',   // pill | rect
                color: 'gold'   // gold | blue | silver | black
            },
            // PayPal Client IDs - replace with your own
            // Create a PayPal app: https://developer.paypal.com/developer/applications/create
            client: {
                sandbox:    'AWDwdGr-KZK4jJi0WBUZmFowgG6oCtLpNDxtXuiOfAT1UdNUYeSlvoXYkrKW7SRdcYqqjHCo7IcYPmJf',
                production: 'Production ClientID'
            },
            // payment() is called when the button is clicked
            payment: function(data, actions) {
                // Make a call to the REST api to create the payment
                return actions.payment.create({
                    payment: {
                        transactions: [
                            {
                                amount: { total: '<%=TheNameOfYourLabel.innerText%>' , currency: 'EUR' }
                            }
                        ]
                    }
                });
            },
            // onAuthorize() is called when the buyer approves the payment
            onAuthorize: function(data, actions) {
                // Make a call to the REST api to execute the payment
                return actions.payment.execute().then(function() {
                    window.alert('Payment Complete!');
                });
            }
        }, '#paypal-button-container');
    </script>