理解jQuery AJAX成功回调未触发：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, // 告知jQuery不要设置Content-Type头，FormData会自动设置
        processData: false, // 告知jQuery不要处理数据，FormData已是正确格式
        beforeSend: function () {
            $('#updateDonor').val("Updating"); // 提交前更改按钮文本
        },
        success: function(response) {
            // 期望在此处处理成功响应
            $('#editdonorForm').reset(); // 注意：此行可能存在问题，详见下文
            $('#update').modal('hide');
            swal({
                title: "Donor Updated",
                text: response.message,
                icon: "success",
                button: "Done"
             });
             donorTable.ajax.reload();
        },
        error: function(error){
            // 期望在此处处理错误响应
            alert(error); // 过于简单的错误处理
        }
    });
});

<?php
// includes/goods_campaign/update_conn.php

header('Content-Type: application/json'); // 告知客户端响应是JSON格式

$response = []; // 初始化响应数据

try {
    // 假设这里是处理表单数据和数据库更新的逻辑
    // 例如：
    // $donor_id = $_POST['donor_id'];
    // $donor_name = $_POST['donor_name'];
    // ... 数据库更新操作 ...

    $is_update_successful = true; // 假设数据库操作成功

    if ($is_update_successful) {
        http_response_code(200); // 设置HTTP状态码为 200 OK
        $response['status'] = 'success';
        $response['message'] = '捐赠者信息更新成功！';
    } else {
        // 数据库操作失败的情况
        http_response_code(400); // 设置HTTP状态码为 400 Bad Request
        $response['status'] = 'error';
        $response['message'] = '更新捐赠者信息失败，请重试。';
    }

} catch (Exception $e) {
    // 捕获任何服务器端异常
    http_response_code(500); // 设置HTTP状态码为 500 Internal Server Error
    $response['status'] = 'error';
    $response['message'] = '服务器内部错误：' . $e->getMessage();
}

echo json_encode($response); // 输出JSON响应
exit(); // 确保不再有其他输出
?>

$('#editdonorForm').on("submit", function (event) {
    event.preventDefault();
    var formElement = this; // 缓存表单元素，以便后续正确重置
    $.ajax({
        type: "POST",
        url: "includes/goods_campaign/update_conn.php",
        data: new FormData(formElement), // 使用缓存的formElement
        cache: false,
        contentType: false,
        processData: false,
        beforeSend: function () {
            $('#updateDonor').val("Updating");
        },
        success: function(response) {
            // 服务器返回2xx状态码时执行
            // response 变量现在是服务器返回的JSON对象，例如 {status: 'success', message: '...'}

            // 正确重置表单的方法
            formElement.reset(); // 使用原生DOM方法重置表单
            // 或者 $(formElement)[0].reset();

            $('#update').modal('hide');
            swal({
                title: "操作成功",
                text: response.message, // 使用服务器返回的消息
                icon: "success",
                button: "Done"
             });
             donorTable.ajax.reload(); // 重新加载数据表格
        },
        error: function(jqXHR, textStatus, errorThrown){
            // 服务器返回非2xx状态码时执行
            let errorMessage = "发生未知错误。";
            let errorTitle = "操作失败";

            // 尝试从服务器响应中获取错误信息
            if (jqXHR.responseJSON && jqXHR.responseJSON.message) {
                errorMessage = jqXHR.responseJSON.message;
            } else if (jqXHR.responseText) {
                try {
                    // 尝试解析非JSON的文本响应
                    let parsedError = JSON.parse(jqXHR.responseText);
                    if (parsedError.message) {
                        errorMessage = parsedError.message;
                    } else {
                        errorMessage = jqXHR.responseText;
                    }
                } catch (e) {
                    errorMessage = jqXHR.responseText;
                }
            } else if (errorThrown) {
                errorMessage = errorThrown;
            }

            swal({
                title: errorTitle,
                text: `状态码: ${jqXHR.status}\n${errorMessage}`,
                icon: "error",
                button: "OK"
            });
            console.error("AJAX Error:", jqXHR, textStatus, errorThrown); // 打印详细错误到控制台
        }
    });
});