PHP页面表单提交至iframe后无法获取返回结果作为变量的问题咨询

方法1：使用AJAX提交表单（推荐） #

这种方式无需iframe，直接在源页面异步发送POST请求，接收返回结果后可直接用于后续逻辑处理。

原生JavaScript实现 #

给表单添加提交事件监听，阻止默认跳转行为，用FormData封装表单数据，通过fetch发送请求：

<form name="transaction" id="transactionForm" action="https://my.website.com/txn-sb.php" method="post">
    <!-- 此处添加表单输入项 -->
    <button type="submit">提交</button>
</form>

<script>
document.getElementById('transactionForm').addEventListener('submit', async function(e) {
    e.preventDefault(); // 阻止表单默认跳转

    const formData = new FormData(this);
    try {
        const response = await fetch(this.action, {
            method: 'POST',
            body: formData
        });
        const result = await response.text(); // 获取返回的Success/Fail

        // 这里处理结果，比如调用写入数据库的逻辑
        if (result.trim() === 'Success') {
            console.log('交易成功');
            // 执行后续操作，比如发起数据库写入请求
        } else {
            console.log('交易失败');
        }
    } catch (error) {
        console.error('请求出错:', error);
    }
});
</script>

jQuery实现（项目已引入jQuery时使用） #

代码更简洁：

<form name="transaction" id="transactionForm" action="https://my.website.com/txn-sb.php" method="post">
    <!-- 此处添加表单输入项 -->
    <button type="submit">提交</button>
</form>

<script src="jquery.min.js"></script>
<script>
$('#transactionForm').submit(function(e) {
    e.preventDefault();

    $.post($(this).attr('action'), $(this).serialize(), function(result) {
        const res = result.trim();
        if (res === 'Success') {
            console.log('交易成功');
            // 处理后续逻辑，比如写入数据库
        } else {
            console.log('交易失败');
        }
    }).fail(function(error) {
        console.error('请求失败:', error);
    });
});
</script>

方法2：监听iframe加载事件获取结果 #

如果必须保留iframe，可以监听iframe的load事件，读取其返回内容：

<form name="transaction" action="https://my.website.com/txn-sb.php" method="post" target="iframe1">
    <!-- 此处添加表单输入项 -->
    <button type="submit">提交</button>
</form>
<iframe name="iframe1" id="iframe1" style="display: none;"></iframe>

<script>
document.getElementById('iframe1').addEventListener('load', function() {
    try {
        const result = this.contentDocument.body.textContent.trim();
        if (result === 'Success') {
            console.log('交易成功');
            // 执行写入数据库等操作
        } else {
            console.log('交易失败');
        }
    } catch (error) {
        console.error('读取iframe内容出错:', error);
    }
});
</script>

注意：若txn-sb.php与源页面不在同一域名下，会触发跨域限制，此时建议用AJAX配合后端代理完成请求。

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