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 <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 <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 <input type="password" name="pwd2" value="<?php echo $pwd2 ?>" onBlur="validarFormulario()" required>
<?php if(!empty($errores[2])){echo $errores[2];} ?></p>
<p>Email <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":"