javascript - Realex 监听器

Question

我正在使用 Realex Payments 的 HPP API 开发一个卡支付页面，并使用 iFrame 来托管 Realex 页面。在 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 支付