PHP中关闭iframe后如何将响应提交至另一URL的解决方案问询

要实现需求，需要同时调整后端ccRtnResponse1和前端父页面的代码，核心思路是让iframe把处理后的数据通过postMessage传给父页面，再由父页面动态创建表单提交到ccTxnResponse2接口。

1. 后端代码调整（ccRtnResponse1） #

修正数据获取的语法错误，同时把处理后的数据和关闭指令一起通过postMessage发送给父页面：

public function ccRtnResponse1(Request $request)
{
    // 注意：all是方法，必须加括号调用
    $data = $request->all();
    
    // 构造包含关闭指令和数据的消息体
    $message = json_encode([
        'action' => 'closeIframe',
        'data' => $data
    ]);
    
    // 向父页面发送消息
    echo "<script>window.parent.postMessage({$message}, '*');</script>";
}

安全提示：把*替换成父页面的实际域名（比如'https://your-domain.com'），避免跨域安全风险。

2. 前端父页面代码调整 #

修改消息监听逻辑，解析收到的数据后，动态创建表单提交到ccTxnResponse2：

<script>
    document.getElementById('mpiReqForm').submit();

    const iframe = document.getElementById('transactionIframe');
    const loadingCircle = document.getElementById('loading-circle');

    iframe.onload = function() {
        loadingCircle.style.display = 'none';
    };

    function removeIframe() {
        if (iframe) {
            iframe.remove();
        }
    }

    // 动态创建表单并提交数据到ccTxnResponse2
    function submitDataToResponse2(data) {
        const form = document.createElement('form');
        form.method = 'POST';
        // 替换成ccTxnResponse2的实际路由地址
        form.action = '/your-path/ccTxnResponse2';
        
        // 添加CSRF令牌（Laravel框架示例，其他框架替换为对应令牌）
        const csrfInput = document.createElement('input');
        csrfInput.type = 'hidden';
        csrfInput.name = '_token';
        csrfInput.value = '{{ csrf_token() }}';
        form.appendChild(csrfInput);
        
        // 遍历数据，生成隐藏表单字段
        for (const key in data) {
            if (data.hasOwnProperty(key)) {
                const input = document.createElement('input');
                input.type = 'hidden';
                input.name = key;
                input.value = data[key];
                form.appendChild(input);
            }
        }
        
        // 提交表单
        document.body.appendChild(form);
        form.submit();
    }

    window.addEventListener("message", function(event) {
        console.log('Message received:', event.data);
        // 解析消息内容
        const message = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
        
        if (message.action === "closeIframe") {
            removeIframe();
            // 若存在数据则提交到目标接口
            if (message.data) {
                submitDataToResponse2(message.data);
            }
        }
    });
</script>

关键说明 #

• 替换form.action中的URL为ccTxnResponse2的实际接口地址
• 如果使用需要CSRF验证的框架（如Laravel），必须正确添加CSRF令牌，否则请求会被拦截
• 动态表单提交是无感知的，用户只会看到iframe关闭后页面跳转到ccTxnResponse2的处理结果

内容的提问来源于stack exchange，提问作者shahjr