Question

我想在iframe中执行一些POST ajax请求，并将结果返回到我的父页面。

// js inside iframe

//do some queries

var result = 'here will be url for redirect';

w.parent.postMessage({
      sentinel: 'amp',
      type: 'embed-size',
      resultUrl: result, //may be in this way i can pass my data to parent
      height: size,
      width: size
    }, '*');

    <amp-iframe width="150"
                title="Resizable iframe example from 200x200 to 300x300 "
                height="150"
                sandbox="allow-scripts"
                resizable
                frameborder="0"
                src="https://localhost:4040/resizable-iframe.html"
                class="m1">
        <amp-img layout="fill"
                 src="https://localhost:4040/img.jpg"
                 placeholder></amp-img>
        <div overflow
             tabindex="0"
             role="button"
             class="ampstart-card py1"
             aria-label="Show more">Click to show more</div>
    </amp-iframe>

可能我可以尝试使用w.parent.postMessage（）在iframe中与父页面共享我的计算。以及如何从我的放大器页面访问w.parent.postMessage（）数据。我想使用resultUrl在我的放大器页面上重定向到下一页。

Answer 1

目前无法做到这一点（请参阅Github上的this issue进行中的工作）。您可以使用放大器形式直接在AMP页面中呈现计算结果。 Here是以这种方式实施的样本抵押计算器。

如何在amp-iframe和parent之间分享日期？

1 个答案: