时间戳

首页 > 解决方案 > 从页面代码向 HTML 组件发送多个数据

javascript - 从页面代码向 HTML 组件发送多个数据

问题描述

我的页面代码将数据发送到用于处理贝宝付款的 HTML 组件。

在我的页面上，我需要发送 2 个值我在页面代码上执行此操作：

let obj = {amount: amount, currency: currency};
await $w("#html1").postMessage(obj);

在我的 HTML 组件上，我目前有这个

let AMOUNT = 0;
        window.onmessage = (event) => {
            if (event.data > 0) {
            AMOUNT = event.data;
            }
        }

这导致定义金额和货币如下：

return actions.payment.create({
                    payment: {
                        transactions: [
                            {
                                amount: { total: `${AMOUNT}`, currency: `${CURRENCY}` }
                            }
                        ]

问题是它不起作用，我无法弄清楚如何将 AMOUNT & CURRENCY 的值与 event.data 分开。

我试过这个但无济于事

let AMOUNT = 0;
let CURRENCY = 0;
        window.onmessage = (event) => {
            if (event.data > 0) {
            AMOUNT = event.data(amount);
            CURRENCY = event.data(currency);
            }
        }

标签： javascripthtmlpaypalvelo

解决方案

当您进入event.dataHTML 组件时，您将获得您发送的整个对象。因此，要分解该对象，只需使用点符号即可。

window.onmessage = (event) => {
  if (event.data) {
    AMOUNT = event.data.amount;
    CURRENCY = event.data.currency;
  }
}

您也可以payment.create改用这条线来简化调用。

amount: { total: AMOUNT, currency: CURRENCY }

推荐阅读