javascript - 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">

隐藏字段值用于在 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 的第一个参数应该是它正在监听的事件类型。在这种情况下，您可以使用消息。

    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 支付