本文详解因 AJAX 配置不当（特别是 dataType: 'json' 与 FormData 混用）导致“ERROR: INVALID INPUT”错误的根本原因，并提供可立即落地的修复方案、完整代码示例与关键注意事项。
本文详解因 ajax 配置不当（特别是 `datatype: 'json'` 与 `formdata` 混用）导致“error: invalid input”错误的根本原因，并提供可立即落地的修复方案、完整代码示例与关键注意事项。
在 Web 开发中，使用模态框（Modal）收集表单数据并通过 AJAX 提交至后端 PHP 脚本写入数据库，是常见且高效的交互模式。但许多开发者会遇到看似无解的报错——例如你所描述的 "ERROR: INVALID INPUT"，而前端控制台无明显网络错误，后端逻辑也看似完整。问题往往不出在 SQL 或业务逻辑，而在于 AJAX 请求配置与数据格式的底层不匹配。
? 根本原因：dataType: 'json' 与 FormData 的冲突
你的 AJAX 配置中同时设置了：
data: formData, processData: false, contentType: false, dataType: 'json', // ⚠️ 问题关键！
dataType: 'json' 告诉 jQuery：「请自动将响应内容解析为 JSON 对象」。这本身没有问题。
但 它不会影响请求体（request body）的发送方式 —— 真正决定请求格式的是 contentType 和 data 类型。
当你使用 FormData 并设置 contentType: false，浏览器会自动设置正确的 Content-Type: multipart/form-data; boundary=...，用于上传文件+表单字段混合数据。此时，PHP 后端通过 $_POST 和 $_FILES 正常接收。
然而，jQuery 在启用 dataType: 'json' 时，内部会对响应做严格 JSON 解析。如果后端返回的不是合法 JSON（例如纯字符串 "ERROR: INVALID INPUT"、空响应、或含 BOM/空格的 JSON），jQuery 就会触发 error 回调（而非 success），但你的代码中未定义 error 处理函数，导致前端静默失败，而你只在 PHP 中看到 echo "ERROR: INVALID INPUT" 被执行——这恰恰说明：后端根本没收到完整数据，$_POST 中部分字段为空，触发了你代码里的 else 分支。
换句话说："ERROR: INVALID INPUT" 不是后端主动抛出的业务错误，而是因前端数据未成功送达，导致 PHP 判定必填字段缺失的防御性提示。
✅ 正确解决方案（推荐）
移除 dataType: 'json'，改用手动解析响应，确保健壮性：
$.ajax({
url: './ajax/submitData.ajax.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
// ❌ 删除 dataType: 'json'
success: function(response) {
try {
const data = JSON.parse(response); // 手动解析，可捕获格式错误
if (data.success === 1) {
closeAndClearCreateModal();
refreshData();
} else {
document.getElementById("errorMSGCreate").innerHTML = data.error || '提交失败，请检查输入';
}
} catch (e) {
console.error('JSON 解析失败:', e, '响应内容:', response);
document.getElementById("errorMSGCreate").innerHTML = '服务器响应异常，请重试';
}
},
error: function(xhr, status, error) {
console.error('AJAX 请求失败:', status, error, xhr.responseText);
document.getElementById("errorMSGCreate").innerHTML = '网络错误，请检查连接';
}
});同时，后端 PHP 必须始终输出标准 JSON（即使出错）：
<?php
header('Content-Type: application/json; charset=utf-8');
if (isset($_POST['create'])) {
$required = [
'createdby', 'itemold', 'itemnew', 'startdatetime', 'enddatetime',
'approver1', 'approver2', 'approver3', 'approver4', 'approver5',
'approver6', 'approver7', 'approver8', 'note', 'docname'
];
// 检查所有必需 POST 字段（注意：文件字段 $_FILES['file'] 单独验证）
$missing = [];
foreach ($required as $field) {
if (!isset($_POST[$field]) || trim($_POST[$field]) === '') {
$missing[] = $field;
}
}
if (!empty($missing)) {
echo json_encode(['success' => 0, 'error' => '缺少必填字段: ' . implode(', ', $missing)]);
exit;
}
// 文件上传验证（关键！）
if (!isset($_FILES['file']) || $_FILES['file']['error'] !== UPLOAD_ERR_OK) {
echo json_encode(['success' => 0, 'error' => '文件上传失败']);
exit;
}
// ✅ 安全调用业务函数（假设 createFile 返回 ['success'=>1] 或 ['success'=>0,'error'=>'...']）
$result = createFile(
$_POST['createdby'], $_POST['itemold'], $_POST['itemnew'],
$_POST['startdatetime'], $_POST['enddatetime'],
$_POST['approver1'], $_POST['approver2'], $_POST['approver3'],
$_POST['approver4'], $_POST['approver5'], $_POST['approver6'],
$_POST['approver7'], $_POST['approver8'], $_POST['note'],
$_FILES['file'], // 传入 $_FILES 数组，非 $_POST['file']
$_POST['docname']
);
echo json_encode($result);
} else {
echo json_encode(['success' => 0, 'error' => '非法请求']);
}⚠️ 关键注意事项
- 永远不要依赖 $_POST['file']：文件数据始终在 $_FILES 中，$_POST['file'] 永远为空或为字符串 "Array"。
- 验证必须前置：在调用 createFile() 前，务必校验所有 $_POST 必填字段和 $_FILES 上传状态（UPLOAD_ERR_OK）。
- 统一响应格式：前后端约定 JSON 结构（如 {success: 1} 或 {success: 0, error: "xxx"}），避免混合文本与 JSON。
- 调试技巧：在 PHP 开头加入 file_put_contents('debug.log', print_r($_POST, true) . "\n" . print_r($_FILES, true), FILE_APPEND); 快速定位字段缺失问题。
- 安全性提醒：createFile() 函数内部必须对所有输入进行过滤（如 filter_var()）、SQL 参数化（PDO/MySQLi 预处理），并严格校验文件类型与大小。
遵循以上方案，你的表单提交将稳定可靠，告别神秘的 "INVALID INPUT" 错误。核心原则始终如一：让数据格式、传输配置与服务端预期严格对齐。
