解决AJAX success 回调不触发：深入理解HTTP状态码与服务器响应

<?php
// update_conn.php
// ... 数据库更新逻辑 ...
if ($update_successful) {
    // 仅仅 echo 数据，未设置HTTP状态码，默认可能是200，但也可能因其他原因导致非200
    echo json_encode(['message' => 'Donor updated successfully']);
} else {
    // 错误处理，可能直接 echo 错误信息或抛出异常，也可能未设置非2xx状态码
    echo json_encode(['message' => 'Update failed']);
}
?>

<?php
// update_conn.php

// 假设这里是数据库连接和数据更新的逻辑
$update_successful = true; // 模拟更新结果，实际应根据数据库操作结果设置

if ($update_successful) {
    // 显式设置HTTP状态码为200 OK
    http_response_code(200);
    // 或者使用 header() 函数（注意：header()必须在任何输出之前调用）
    // header("HTTP/1.1 200 OK");
    echo json_encode(['message' => '捐赠者信息更新成功！']);
} else {
    // 如果更新失败，设置HTTP状态码为500 Internal Server Error
    // 或者 400 Bad Request 等更具体的错误码
    http_response_code(500);
    // header("HTTP/1.1 500 Internal Server Error");
    echo json_encode(['message' => '更新失败，请稍后再试。']);
}
// 确保在输出任何内容之前设置了HTTP状态码
// 如果有其他输出（如BOM头），可能会导致header()失败
exit(); // 确保不再有其他输出，防止意外内容干扰HTTP响应
?>

$('#editdonorForm').on("submit", function (event) {
    event.preventDefault(); // 阻止表单默认提交行为

    $.ajax({
        type: "POST",
        url: "includes/goods_campaign/update_conn.php",
        data: new FormData(this), // 使用 FormData 处理表单数据，支持文件上传
        cache: false,
        contentType: false, // 必须为 false，当使用 FormData 时
        processData: false, // 必须为 false，当使用 FormData 时
        beforeSend: function () {
            $('#updateDonor').val("Updating"); // 提交前更新按钮文本
        },
        success: function(response) {
            // 服务器返回2xx状态码时执行
            console.log("Success response:", response); // 调试输出
            // $('#editdonorForm').reset(); // reset() 是原生DOM方法，不是jQuery对象的方法
            // 正确做法：
            $('#editdonorForm')[0].reset(); // 重置表单
            // 或者使用jQuery清空所有输入字段：
            // $(':input','#editdonorForm') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected');

            $('#update').modal('hide'); // 隐藏模态框
            swal({ // 使用 SweetAlert 提示成功信息
                title: "Donor Updated",
                text: response.message, // 从服务器响应中获取消息
                icon: "success",
                button: "Done"
            });
            donorTable.ajax.reload(); // 重新加载数据表格
        },
        error: function(jqXHR, textStatus, errorThrown) {
            // 服务器返回非2xx状态码时执行
            console.error("AJAX Error:", textStatus, errorThrown, jqXHR.responseText); // 详细错误信息
            alert("发生错误：" + jqXHR.responseText); // 弹出错误提示
        }
    });
});