iframe嵌入页面时，如何获取到接口是否请求成功

iframe嵌套页面通常用于加载外部内容，如从其他网站嵌入视频、图表等。为了在父页面上检测iframe内的API请求是否成功，你可以通过监听iframe的load事件或者利用postMessage API进行通信。

1. **监听load事件**:
当iframe内容加载完成后，`load`事件会被触发。在父页面的JavaScript中，可以这样做：

   var iframe = document.getElementById('your_iframe_id');
   iframe.onload = function() {
       // 检查请求状态
       if (iframe.contentWindow && iframe.contentDocument) {
           var response = iframe.contentDocument.body.textContent; // 或者使用JSON.parse(iframe.contentDocument.documentElement.innerHTML)
           if (response.status === 'success') {
               console.log('请求成功');
           } else {
               console.log('请求失败');
           }
       }
   };

2. **使用postMessage API**:
如果iframe和父页面在同一域下，你可以使用`window.postMessage()`发送消息。在iframe内部，在API请求完成时发送消息：

   <script>
       window.addEventListener('message', function(event) {
           if (event.origin === 'http://your-domain.com' && event.data === 'checkStatus') {
               if (/* 请求成功 */) {
                   parent.postMessage('requestSuccess', '*');
               } else {
                   parent.postMessage('requestFailed', '*');
               }
           }
       });
       // ...在API请求成功或失败后调用相应的sendStatus函数
   </script>

然后在父页面接收并处理这个消息：

   window.addEventListener('message', function(event) {
       if (event.origin === 'http://other-domain.com') {
           if (event.data === 'requestSuccess') {
               console.log('请求成功');
           } else {
               console.log('请求失败');
           }
       }
   });