条纹签出 - IE弹出窗口在第二次付款时被阻止

时间:2018-03-06 06:51:46

标签: javascript stripe-payments stripe.js

O / S:BrowserStack Live

浏览器:IE11

我正在使用带有js sdk的Stripe checkout来在用户单击按钮时显示弹出窗口。代码如下:

Payment.prototype = {
    pay: function (options, callback) {
        let tokenTriggered = false;
        _handler = StripeCheckout.configure({
            key: Constants[Constants.ENV].STRIPE_KEY,
            image: 'image.jpg',
            locale: 'auto',
            token: function token(token) {
                tokenTriggered = true;
                const data = {
                    stripeToken: token.id,
                    stripeEmail: token.email,
                    amount: options.amount,
                    currency: CURRENCY,
                    capture: options.capture
                };
                $.ajax({
                    type: 'POST',
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: '/api/stripe',
                    success: function success(charge) {
                        callback(null, charge);
                    },
                    error: function error(error) {
                        callback(error.responseText);
                    }
                });
            },
            closed: function () {
                if (!tokenTriggered) {
                    // close button click behavior goes here
                    callback(1);
                }
            }
        });
    },
    open: function (amount, name, description) {
        // Open Checkout with further options:
        _handler.open({
            name: name,
            description: description,
            zipCode: true,
            currency: 'aud',
            amount: amount
        });
    }
};

调用'pay'函数,然后调用'open'函数。我的应用程序的工作流程要求用户在一个会话中支付两次内容。在IE11中,第二次付款时不显示条带弹出窗口。有什么想法吗?

以下网址https://stripe.com/docs/checkout解释说'handler.open'代码不应该在回调中,而不是。

控制台错误是:“SCRIPT70:权限被拒绝”。

**编辑07/03/2017 **

此错误仅在以下情况下发生:付款,导航到另一个页面,然后尝试另一次付款。

1 个答案:

答案 0 :(得分:0)

我通过在加载网站时初始化StripeCheckout只解决了一次。然后我从" StripeCheckout.configure"移动了功能。进入" handler.open"功能,并在我需要付款时调用。

    init: function () {
        _handler = StripeCheckout.configure({
            key: Constants[Constants.ENV].STRIPE_KEY,
            image: 'image.jpg',
            locale: 'auto'
        });
    },
    open: function (options, callback) {
        let tokenTriggered = false;
        // Open Checkout with further options:
        _handler.open({
            name: 'An app',
            description: options.description,
            zipCode: true,
            currency: CURRENCY,
            amount: options.amount,
            token: function token(token) {
                tokenTriggered = true;
                const data = {
                    stripeToken: token.id,
                    stripeEmail: token.email,
                    amount: options.amount,
                    currency: CURRENCY,
                    capture: options.capture
                };
                $.ajax({
                    type: 'POST',
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: '/api/stripe',
                    success: function success(charge) {
                        // _instantiated = true;
                        callback(null, charge);
                    },
                    error: function error(error) {
                        callback(error.responseText);
                    }
                });
            },
            closed: function () {
                if (!tokenTriggered) {
                    // close button click behavior goes here
                    callback(1);
                }
            }
        });
    },