PayPal JavaScript 集成 - 打开新选项卡

Posted 2023-02-22

【中文标题】PayPal JavaScript 集成 - 打开新选项卡

【英文标题】：PayPal JavaScript integration - open new tab

【发布时间】：2020-12-06 15:17:59

【问题描述】：

我看到一些网站在点击贝宝按钮时打开了新标签。我正在尝试实现相同的行为，但找不到方法。它总是在同一页面上打开弹出窗口。 有没有办法通过 javascript 集成来做到这一点。

我使用的方法https://developer.paypal.com/docs/checkout/#

如果您点击上面的链接并单击 paypal 按钮（演示示例），它将打开一个弹出窗口，您可以在其中进行付款，然后关闭。我希望在新标签而不是弹出窗口中发生同样的情况。

【问题讨论】：

我相信如果您将target="_blank" 添加到 PayPal 表单元素，它会按您的意愿工作

更多信息：submit a form in a new tab

@MarsNebulaSoup 没有表格我用下面的方法developer.paypal.com/docs/checkout/#

“我使用以下方法” - 也许您看到的网站使用的是不同的方法？仅仅因为这些按钮看起来相似，并不一定意味着它们是相同的东西。 （我不认为这些按钮是为您想要的那种流程制作。即使您设法在弹出窗口中打开它，result 可能也会“发生”在弹出窗口中，您需要采取额外的步骤将必要的信息/数据返回到您的主页。）

@CBroe 从 Javascript 的角度来看，打开弹出窗口或新标签页没有区别。我认为可以有一个在文档中找不到的选项来定义它

【参考方案1】：

您不需要与 PayPal Checkout JS 集成，而是创建自己的按钮并编写自己的 JS，以便在单击按钮时在新选项卡中打开 Orders V2 API redirect_url。

但是，您没有理由要这样做。弹出窗口实际上是一种更好、更现代的“上下文”体验，可以让您的网站在后台保持打开和加载。在这方面它实际上更加用户友好。我记得从第一次发布这个弹出窗口的日子开始，PayPal 花了很多精力来获得正确的体验并确保它表现得更好，即导致更多的用户通过并完成结帐，而不是去一个新的单独的选项卡（可能不熟悉）。您可以信任 PayPal，这是公司的生计。