2

Recientemente monte una aplicación web y esta funciona correctamente, absolutamente todo, el problema es que al instalar un certificado SSL, y colocarla en protocolo HTTPS, las funciones ajax que me devuelven una respuesta tipo JSON me dan error, y no encuentro la forma de depurarlo ya que solo pasa cuando entro en modo HTTPS, de resto funciona, las demás funciones ajax que no devuelven JSON, también funcionan, solo las que me dan una respuesta JSON.

                             jQuery("#search_login").click(                       
                                     function(event){                                 
    var user_login = document.getElementById('login_username');                   
    var user_pwd = document.getElementById('password_username');                 
                                        jQuery.ajax({
                                            type:'POST',
                                            url:'wp-admin/login.php',
                                            data: jQuery("#login-form").serialize(),
                                            success:function(data){                   
                                                  var check = JSON.parse(data);
                                                  var done_account = check.done;       
                                                if(check.user_unknow === "UNKNOW"){
                                              jQuery('#user_wrong').replaceWith('<label id="incorrect_user" style="color:#d82e21">Usuario incorrecto</label>');
                                                }else{
                                                    jQuery('#incorrect_user').replaceWith('<p id="user_wrong"></p>');
                                                }                                                
                                               if(done_account === 'done'){                                                                             
                                                     jQuery('#session_check').replaceWith('<label style="color:#54be73;"><br />Logeado con éxito</label>');
 setTimeout(' window.location.href = "https://www.maseficsoluciones.com/dashboard_validate.php?userData='+check.data+'&id='+check.user_id+'&user='+check.user_name+'&permission='+check.permission+'" ',1000);                         
             }
 if(check.pw_wrong === "FAIL"){
                                                jQuery('#fail_account').replaceWith('<label id="incorrect_pwd" style="color:#d82e21">Contraseña incorrecta por favor intentalo de nuevo.<br /></label>');
                                                }else{
                                                    jQuery('#incorrect_pwd').replaceWith('<p id="fail_account"></p>');
                                                }
                                            },error:function(data){
                                                console.log(data);
                                            },         
                                        });
                                        return false;
                                     });
                                    

ERROR DE LA CONSOLA WEB :

Uncaught SyntaxError: Unexpected token e in JSON at position 0
    at JSON.parse (<anonymous>)
    at Object.success (proyecto_home.php:607)
    at i (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at y (jquery.js:4)
    at XMLHttpRequest.c (jquery.js:4)
9
  • Creo que el origen del error está en el POST: data: jQuery("#login-form").serialize()... el mensaje de error te está diciendo: at JSON.parse (<anonymous>) ¿Qué envías al servidor en la variable data? ¿Por qué no haces un console.log (data) para verificar que envías la data correcta? O puede ser que data te dé ya un objeto Json y lo estás tratando como cadena aquí: var check = JSON.parse(data); pues parse es para convertir una cadena a Json: developer.mozilla.org/es/docs/Web/JavaScript/Referencia/…
    – A. Cedano
    el 10 mar. 2017 a las 16:19
  • Creo que el lo que pasa es que por alguna razón no esta mandando ninguna data al servidor, intente con toString para testear y me devolvio Undefined Object el 10 mar. 2017 a las 16:24
  • Sal de dudas depurando. El error parece estar en el servidor, depura para saber si se están recibiendo los valores esperados.
    – gugadev
    el 10 mar. 2017 a las 16:26
  • Ese es el problema que encontrar la falla donde se ocasiona justamente al entrar en modo seguro, HTTPS, porque en http funciona normalmente el 10 mar. 2017 a las 16:37
  • Usa Chrome Devtools en la pestaña network para ver qué recibes del llamado https ajax
    – ffflabs
    el 10 mar. 2017 a las 16:43

1 respuesta 1

3

El problema:

Al parecer usando HTTP jQuery no reconoce que la respuesta devuelta por el endpoint es un JSON, por lo que es necesario ejecutar JSON.parse en el success. En cambio usando HTTPS, jQuery reconoce que la respuesta es un JSON e internamente hace el parseo, devolviendo en el success un objeto.

Solución:

Al momento de hacer la llamada ajax, indicar que el formato de la respuesta del endpoint es un JSON, usando la propiedad dataType: 'json'.

Ejemplo:

//...           
jQuery.ajax({
  type:'POST',
  dataType: 'json', // <-- AQUI indicamos el formato de la respuesta
  url:'wp-admin/login.php',
  data: jQuery("#login-form").serialize(),
  success:function(data){                   
     //var check = JSON.parse(data); <-- AQUI ya no hace falta hacer esto
     var check = data;
     var done_account = check.done; 
     //...
1
  • 1
    +1 Indicar siempre el tipo de dato que esperamos evitará dolores de cabeza y a veces minutos u horas de rascarse la cabeza buscando dónde está el error.
    – A. Cedano
    el 10 mar. 2017 a las 19:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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