Skip to main content
2 de 2
se añadieron 172 caracteres en el cuerpo
Inca
  • 305
  • 1
  • 4
  • 16

Devolver dos datos con AJAX y JSON

Tengo un formulario que valido a través de AJAX. Necesito que ajax (desde el archivo va_registro.php) me devuelva dos datos a la vez, por lo que estoy usando JSON. No consigo que me devuelva esos datos.

registro.php -> Este es el Formulario

 <!--Formulario de registro-->
    <form action="<?php echo $_SERVER['PHP_SELF']?>" method="post" id="formulario">
        <!-- En este span recibo las respuestas de Ajax -->
        <!--En este span recibo los posibles mensajes de error desde ajax-->
        <span id="mensaje"></span>
        <!--En este input recibo desde ajax la comprobacion de si hay errores o no-->
        <input type="hidden" name="ajax" id="ajax">

        <h2>Regístrate</h2>
        <?php if(!empty($errores[5])){echo $errores[5];} ?>
        <p>Usuario &nbsp;<input type="text" name="usuario" id="usuario" value="<?php echo $usuario ?>" onBlur="validarFormulario()" required>
        <?php if(!empty($errores[0])){
                 echo $errores[0];
              }else{
                 echo '<span id="error1"></span>';
              }
        ?></p>
        <p>Contraseña &nbsp;<input type="password" name="pwd" id="pwd" value="<?php echo $pwd ?>" onBlur="validarFormulario()" required>
        <?php if(!empty($errores[1])){echo $errores[1];}
              if(!empty($errores[4])){echo $errores[4];
              }else{
                  echo '<span id="error2"></span>';
              }
        ?></p>
        <p>Contraseña &nbsp;<input type="password" name="pwd2" value="<?php echo $pwd2 ?>"  onBlur="validarFormulario()" required>
        <?php if(!empty($errores[2])){echo $errores[2];} ?></p>
        <p>Email &nbsp;<input type="text" name="email" id="email" value="<?php echo $email ?>" onBlur="validarFormulario()" required>
        <?php if(!empty($errores[3])){echo $errores[3];
              }else{
                 echo '<span id="error3"></span>';
              }
        ?></p>

        <p><input type="submit" name="registrar" value="Registrarse"></p>
     </form>

val_registro.js -> Se supone que a través de data.respuesta y data.codigo debería de acceder a las posiciones del array creado por JSON

function validarFormulario(){
var dataString = $('#formulario').serialize();  
jQuery.ajax({
    type: "POST",
    //url desde dónde espero una respuesta
    url: "validaciones/val_registro.php", 
    data: dataString,
    
    dataType: "JSON",
    success: function (data) {
        $("#mensaje").html(data.respuesta);
        $("#ajax").val(data.codigo);
    },
});

}

val_registro.php -> Desde aquí recibo las respuestas

<?php
//Creo las variables
$usuario=$_POST['usuario'];

    if(strlen($usuario)<3){
        $mensaje= array('codigo' => 1, 'respuesta' => "<script>$('#error1').html('El minimo permitido son 3 caracteres')</script>");
        //header('Content-type: application/json; charset=utf-8');
        echo json_encode($mensaje);
        exit();
    }else{
        $mensaje= array('codigo' => 0, 'respuesta' => "<script>$('#error1').html('BIEEEN')</script>");
        //header('Content-type: application/json; charset=utf-8');
        echo json_encode($mensaje);
        exit();
    }
   
 }
?>

Está mostrando todo el array entero, y además, lo que hay en la posición "respuesta" lo muestra como vacío. Esto es lo que recibo:

{"codigo":1,"respuesta":"
Inca
  • 305
  • 1
  • 4
  • 16