Realex侦听器

Question

我正在使用Realex Payments的HPP API开发一个卡支付页面，其中包含一个iFrame，用于托管Realex页面。在Realex请求表单上，我将字段HPP_POST_维度和HPP_POST_响应设置为我的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的第一个参数应该是它侦听的事件类型。在这种情况下，您可以使用message。

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

因此，您不需要两个侦听器，因为您只需要侦听包含HPP_POST_维度和HPP_POST_响应的消息事件

更多信息请参考：

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

最好的

塞恩

Realex付款