Realex 侦听器

Question

我正在使用 Realex Payments 的 HPP API 和用于托管 Realex 页面的 iFrame 开发卡支付页面。在 Realex 申请表上，我将字段 HPP_POST_DIMENSIONS 和 HPP_POST_RESPONSE 设置为我的 URL，如下所示：

支付页面：

www.example.com/account/payment.html

<input type="hidden" name="HPP_POST_DIMENSIONS" value="https://www.example.com">
<input type="hidden" name="HPP_POST_RESPONSE" value="https://www.example.com">

隐藏字段值用于 post 当 HPP 页面大小发生变化以及交易完成时，使用事件侦听器将数据从 Realex 返回到我的页面。

我的听众定义为：

<script>
        window.addEventListener("HPP_POST_DIMENSIONS", function (size) {
            alert("resize event");
        });
        window.addEventListener("HPP_POST_RESPONSE", function (data) {
            alert("transaction data event");
        });
</script>

但是它们没有被触发。我已经尝试了上述的多种变体但没有成功，想知道是否有人可以提供帮助？

Answer 1

您传递给 addEventListener 的第一个参数应该是它正在侦听的事件类型。在这种情况下，您可以使用 message.

    window.addEventListener("message", function (size) {
        alert("resize event");
    });

因此您不需要两个侦听器，因为您只是一般地侦听涵盖 HPP_POST_DIMENSIONS 和 HPP_POST_RESPONSE

的消息事件

更多信息请参考：

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

&https://developer.mozilla.org/en-US/docs/Web/Events

最佳，

肖恩

Realex 支付

Realex 侦听器

Realex listener

javascript

dom-events

realex-payments-api