1

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":"
2
  • Gracias Winston, pero sigue igual
    – Inca
    el 5 may. 2018 a las 17:31
  • Lo que recibo como respuesta es lo siguiente: {"codigo":1,"respuesta":"
    – Inca
    el 5 may. 2018 a las 17:36

2 respuestas 2

1

El problema es que tienes código HTML en el valor que vas a pasar a json_encode y entonces el resultado no siempre va a ser el esperado. Como sugiere asachanfbd en su respuesta del sitio en inglés, lo que debes hacer es indicarle a json_encode que vas a pasar texto con código HTML y comillas para que los escape correctamente.

Algo que aplicado a tu caso se vería así:

echo json_encode($mensaje, JSON_HEX_QUOT | JSON_HEX_TAG);

Ahora, quizás deberías plantearte cambiar el código un poco para no devolver HTML sino sólo el mensaje y aplicarlo en JavaScript, en lugar de pasar el JavaScript que debe ejecutarse (lo cual puede no ser una buena idea).

Entones val_registro.php sería algo como esto:

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

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

}

Y en el val_registro.js tendrías algo como esto:

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) {
        $('#error1').text(data.respuesta);
        $("#ajax").val(data.codigo);
    },
});

}
0

Creo que lo que falta es JSON.parse()

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) {
      json = JSON.parse(data);
      $("#mensaje").html(json.respuesta);
      $("#ajax").val(json.codigo);
    },
  });

}

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.