带Ajax的If else语句失效：管理员创建表单无错误提示

我帮你排查了下问题，核心是错误场景下的响应格式不匹配，导致前端无法正确识别错误状态。具体来说有两个关键问题：

问题根源 #

1. 异常未转为JSON响应：当MySQL触发唯一约束冲突（比如重复的usuario）时，mysqli_report会抛出异常，但你的catch块只是直接输出错误文本，不是前端预期的JSON格式，导致AJAX的success回调根本不会执行，自然弹不出错误提示。
2. else分支几乎不会触发：$stmt->execute()如果执行失败会直接抛异常，不会走到判断$id_registro > 0的else分支，所以这个分支其实是无效的。

修复步骤和代码修改 #

1. 修正PHP后端的错误处理逻辑 #

确保无论成功还是失败，都返回标准的JSON格式响应，包括异常场景：

<?php
header('Content-Type: application/json'); // 强制返回JSON类型
if (isset($_POST['agregar-admin'])) {
    $nombre = $_POST['nombre'];
    $usuario = $_POST['usuario'];
    $password = $_POST['contraseña'];
    
    $opciones = array( 'cost' => 12 );
    $password_hashed = password_hash($password, PASSWORD_BCRYPT, $opciones);
    
    try {
        mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
        include_once 'funciones/funciones.php';
        
        $stmt = $conn->prepare("INSERT INTO admins (nombre, usuario, password) VALUES (?,?,?)");
        $stmt->bind_param("sss", $nombre, $usuario, $password_hashed);
        $stmt->execute();
        
        $respuesta = array(
            'respuesta' => 'exito',
            'id_admin' => $stmt->insert_id
        );
        
        $stmt->close();
        $conn->close();
    } catch (Exception $e) {
        // 捕获异常后返回JSON格式的错误响应
        $respuesta = array(
            'respuesta' => 'error',
            'mensaje' => $e->getMessage() // 可选：返回具体错误信息，方便调试
        );
    }
    
    echo json_encode($respuesta); // 统一输出JSON
}

修改点说明：

• 增加header('Content-Type: application/json')，明确告诉前端返回的是JSON数据
• 把$respuesta的定义统一管理，异常捕获后直接赋值错误状态
• 统一在最后用json_encode输出，避免分散输出导致格式混乱
• 可选：在错误响应里加入mensaje字段，方便开发时查看具体错误原因

2. 完善前端AJAX的错误处理 #

增加error回调，处理服务器返回非JSON或HTTP错误的情况，同时保留原有的success逻辑：

$(document).ready(function() {
    $('#crear-admin').on('submit', function(e) {
        e.preventDefault();
        var datos = $(this).serializeArray();
        
        $.ajax({
            type: $(this).attr('method'),
            data: datos,
            url: $(this).attr('action'),
            dataType: 'json',
            success: function(data) {
                if (data.respuesta == 'exito') {
                    swal(
                        'Correcto!',
                        'El administrador se creó correctamente!',
                        'success'
                    );
                    // 可选：清空表单，方便继续创建新管理员
                    $('#crear-admin')[0].reset();
                } else {
                    swal(
                        'Error',
                        data.mensaje || 'Hubo un error!', // 优先显示后端返回的错误信息
                        'error'
                    );
                }
            },
            error: function(xhr, status, error) {
                // 处理HTTP错误或非JSON响应的情况
                swal(
                    'Error',
                    'Servidor no pudo procesar la solicitud: ' + error,
                    'error'
                );
            }
        });
    });
});

修改点说明：

• 增加error回调，处理服务器返回500错误、非JSON数据等异常情况
• 在success的错误分支里，优先使用后端返回的mensaje字段，提升用户体验
• 可选：成功后清空表单，优化操作流程

额外建议 #

• 可以在前端表单里增加前端验证，比如检查usuario是否为空、密码长度等，减少不必要的后端请求
• 生产环境中，建议不要把具体的MySQL错误信息返回给用户，替换成通用提示（比如'El usuario ya existe'），避免泄露数据库结构信息

内容的提问来源于stack exchange，提问作者Jaume Sastre