paypal：在上下文中快速结帐后保持在页面上

Question

用户通过上下文快速结账支付后，PayPal重新加载页面，并将用户重定向到后端的“返回URL”参数指定的页面。

但是，这将删除当前页面。

有没有办法避免在成功签出后重新加载页面？

Answer 1

在页面中包含一个iframe，并使用该iframe启动流程。由于iframe是在上下文窗口中启动PayPal的窗口，因此它将被重定向到您的returnURL。因此，您的原始页面保持在调用、变量和所有调用之前的状态。

这里有一个例子。。。

我有checkout.html一个叫Paypaliframe的隐形iframe。Paypaliframe中没有UI，它只包含与PayPal相关的js函数。

在收银台。html页面，我点击我的结帐按钮，同时选择PayPal作为付款选项。“onclick”事件通知iframe设置事务：

paypaliframe.contentWindow.setupAutorization()

iframe执行setupAutorization（）函数，从Paypal获取交易令牌，然后启动上下文内签出过程：

paypal.checkout.initXO();
paypal.checkout.startFlow(paypal.checkout.urlPrefix + token)

此时将显示上下文内签出窗口，我们将看到新窗口重定向到PayPal站点。客户输入他的登录名，同意您的交易，然后Paypal将iframe重定向到您的returnUrl。

在iframe中加载returnURL页面后，您只需告诉父页面按照以下步骤进行操作：

$(window).load(function() {
    parent.continueAfterPaypal();
});

TLDR；使用iframe启动上下文中的签出，然后使用iframe返回URL页面告诉父节点在未完成的地方继续。