javascript - PayPal 关联结账点击事件

Question

我正在使用 PayPal 上下文快速结账。这是我目前拥有的:

paypal.checkout.setup("my_app.domain.co.uk", {
    locale: 'en_GB',
    environment: 'production',
    button: 'PayPalSubmit'
});

和 HTML:

<form id="PayPalForm" action="/lib/paypal/paypal_ec_redirect.php" method="POST">
    <input type="hidden" name="currencyCodeType" value="GBP" />
    <input type="hidden" name="paymentType" value="Sale" />
    <input type="hidden" name="PAYMENTREQUEST_0_PAYMENTACTION" value="Sale" />
    <input type="hidden" name="L_PAYMENTREQUEST_0_NAME0" value="Test" />
    <input type="hidden" name="PAYMENTREQUEST_0_DESC" value="Test" />
    <input type="hidden" name="L_PAYMENTREQUEST_0_QTY0" value="1" />
    <input type="hidden" name="PAYMENTREQUEST_0_ITEMAMT" value="1" />
    <input type="hidden" name="PAYMENTREQUEST_0_AMT" value="1">
    <input type="hidden" name="NOSHIPPING" value="1">
    <button type="submit" id="PayPalSubmit" class="jfk-button-action">
        Pay with PayPal
    </button>
</form>
<script src="//www.paypalobjects.com/api/checkout.js" async></script>

这目前有效，但是我想添加一个回调来在用户点击支付按钮时改变一些东西，即一旦 PayPal 弹出窗口打开。我试过这个:

paypal.checkout.setup("my_app.domain.co.uk", {
    locale: 'en_GB',
    environment: 'production',
    button: 'PayPalSubmit',
    click: function () {
        paypal.checkout.initXO();
        $('#popup').html('Processing your booking...');
    }
});

这在 Google Chrome 上运行良好，但在 Firefox 和 IE 上弹出窗口打开，PayPal 加载 gif 只是卡在那里，窗口标题为 about:blank。有谁知道这是怎么回事吗？

Answer 1

我认为您并没有真正使用 PayPal-In-Context-Workflow。 使用此脚本提交表单，您将到达“/lib/paypal/paypal_ec_redirect.php”。 对于上下文工作流，您首先设置付款并获得 token 。 然后在 JS 中必须使用“paypal.checkout.startFlow(token)”开始流程。 这是我使用的代码示例。 “event.preventDefault();”不执行表单url，ajax是获取token。

        window.paypalCheckoutReady = function () {
        //alert('paypalCheckoutReady');
        paypal.checkout.setup('@Model.PayPalMerchantId', {
            environment: '@Model.PayPalEnvironment',
            click: function (event) {
                //alert('paypalCheckoutClick');
                $('#checkout').attr("disabled", "disabled");
                event.preventDefault();
                paypal.checkout.initXO();
                $.support.cor = true;
                $.ajax({
                    url: '@Url.Action("Checkout","shop")',
                    data: $('#payment-form').serialize(),
                    type: 'POST',
                    async: false,
                    crossDomain: true,
                    success: function (token) {
                        //alert('checkout success: ' + token);
                        //var url = paypal.checkout.urlPrefix + token;
                        paypal.checkout.startFlow(token);
                    },
                    error: function (responseData, textStatus, errorThrown) {
                        //alert('checkout error: ' + textStatus);
                        paypal.checkout.closeFlow();
                    }
                });
            },
            condition: function () {
                var ispaypal = $('input[name=paymentmethod]:checked', '#payment-form').val() == 'paypal';
                //alert(ispaypal);
                return ispaypal;
            },
            button: ['checkout'],
        });
    }

对我来说