PHP无刷新提交表单后，isset($_POST['submit'])关联函数无法保存数据

核心问题 #

1. 参数名不匹配：表单提交按钮的name属性是subbtn，但PHP代码中判断的是$_POST['submit']，两者不一致，导致触发条件永远不成立。
2. AJAX请求目标错误：当前页面中的PHP判断代码仅在页面加载时执行，而AJAX请求是发送到requests.php，这部分逻辑不会被异步触发。
3. 表单数据提交不完整：手动拼接AJAX参数容易遗漏字段，且存在编码风险。

具体修复步骤 #

1. 修正表单与AJAX数据提交

将AJAX的data参数改为表单序列化方式，自动携带所有字段，避免手动拼接错误：

jQuery.ajax({
    type: 'POST',
    data: frm.serialize() + '&action=submitForm', // 序列化表单，自动包含所有字段
    url: 'requests.php',
    beforeSend: function(){ 
        loadButton.show(); 
    },
    complete: function(){ 
        loadButton.hide(); // 提交完成后隐藏加载提示
        frm.hide();
    },
    success: function(data) { 
        outPut.html(data); // 显示返回的下一步按钮
    }
});

同时修复表单中option的文本错误：

<option value="Reason3">Reason3</option> <!-- 原文本错误为Reason2，已修正 -->

2. 将数据保存逻辑移至requests.php

因为AJAX请求的目标是requests.php，所以需要把Airtable保存逻辑放到该文件中：

<?php
// 先引入包含save函数的文件（确保函数可调用）
// include 'path/to/your/save-function.php';

if (isset($_POST['action']) && $_POST['action'] == 'submitForm') {
    // 基础参数验证
    if (!empty($_POST['reason']) && !empty($_POST['comments'])) {
        $reason = $_POST['reason'];
        $comments = $_POST['comments'];
        save($reason, $comments);
        // 返回下一步按钮HTML
        echo '<a href="#" class="button-primary">下一步</a>';
    } else {
        echo '<p>请填写完整的反馈信息</p>';
    }
}
?>

3. 删除无效代码

移除当前页面中不会触发的PHP判断代码：

// 这段代码可以删除，因为页面加载时不会有submit参数
// if (isset($_POST['submit'])){
//     $reason = $_POST['reason'];
//     $comments = $_POST['comments'];
//     save($reason, $comments);
// }

额外注意事项 #

• 确保save函数在requests.php中可正常调用，需提前引入定义该函数的文件。
• 可优化加载提示内容，原代码中loadingImage里的取消按钮不符合加载场景，建议改为“提交中...”文本。
• 可对提交的参数做进一步过滤/转义，避免SQL注入或XSS风险。

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