我正在使用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>


但是它们并未被触发。我已经尝试了多种上述方法,但均未成功,想知道是否有人可以提供帮助?

最佳答案

传递给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付款

10-06 12:28