全球付款Realex HPP-不发送给merchantUrl

Question

我们正在尝试将支付集成到我们的后端。在hpp之后。灯箱。init（）successfulls，它会自动将浏览器发送到merchantUrl。我们不需要该功能，因为我们的应用程序是SPA，所以我们不希望用户被重定向到任何地方。相反，我们希望自己将其发送到后端endpoint，并让用户继续进行SPA的下一部分。

下面是我们使用的示例代码。

RealexHpp.setHppUrl("https://pay.sandbox.realexpayments.com/pay");
RealexHpp.lightbox.init("payNowButtonId", "backendUrlRealexWillSendToUponReceivingResponse", jsonFromRequestEndpoint);

在本例中，我们不希望发送到“backendUrlRealexWillSendToUponReceivingResponse”，而是希望获取init（）的响应，并将数据传递给“backendUrlRealexWillSendToUponReceivingResponse”。

我们查看了源代码（第350-362行），似乎realexpp正在创建一个表单，将表单附加到DOM，然后提交表单和响应数据。

看到这一点，我们试图监听任何表单提交，监听表单创建，在文档和窗口上，但没有用。

所以正如标题所暗示的。我们如何处理表单而不将用户发送到另一个页面？

Answer 1

JS库的行为方式正是您上面提到的。从HPP响应创建表单，然后发送到响应URL。

在下面的示例中，可以将此参数留空。这将阻止表单被发送和重定向到URl。

要捕获响应，您可以添加一个事件侦听器来查找来自HPP的响应。

RealexHpp.setHppUrl("https://pay.sandbox.realexpayments.com/pay");
RealexHpp.lightbox.init("payButtonId", "", jsonFromRequestEndpoint);
if (window.addEventListener) {
    window.addEventListener('message', function(e) { receiveMessage(e.data);}, false);
} else {
    window.attachEvent('message', receiveMessage);
}

在上面的例子中，我有一个函数，叫做接收消息，但是您可以实现一个类似的函数来执行不同的任务。