Question

我正在jQuery上使用Calendy集成。我正在使用按钮打开弹出窗口。在该弹出窗口中，我们有iframe，其中有多个步骤。在每个步骤中，都会命中一个API URL。我可以在控制台中看到这些API响应，但是我需要将其获取到变量中，然后将其发送到服务器并保存到数据库中。

<a href="javascript:;" id="interview-booking-button" role="button" class="btn btn-label-warning btn-bold btn-elevate btn-elevate-air btn-sm btn-icon-h my-1 my-md-0" onclick="initCalendyInterview()">
  <i class="flaticon2-group"></i>
  Set Interview Booking
</a>

window.initCalendyInterview = function (name, email) {
  Calendly.initPopupWidget({url: 'my calendy url'}).then(response => {
    console.log(response);
  });
  return false;
}

此函数显示一个包含iframe的弹出窗口，并在iframe中打开URL，并执行2-3个步骤，并命中某些API。我想在当前页面中点击最后一个API。

我很困惑如何从iframe内部（在不同的URL上）调用的API获得响应。

请帮助我。我已经尝试了如下事件监听器，但是没有得到API的响应：

window.addEventListener('message', function(e) {
  console.log(e);
});

取得iframe的回应

0 个答案: