1

espero me puedan ayudar. Estoy trabajando en un proyecto web en php y ajax de JQUERY el problema que tengo es en el siguiente código :

$.ajax({
        url: ruta,
        type: 'POST',
        data: img,
        contentType: false,
        processData: false,
    })
    .done(function(res) {


            if(res==="a"){
                $("#error-img").html("Error, el archivo no es una imagen");
                $("#error-img").addClass('text-danger');

            }else if(res==="b"){
                $("#error-img").html("Error, el tamaño máximo permitido es un 1MB");
                $("#error-img").addClass('text-danger');

            }else if(res==="c"){
                $("#error-img").html("Error, el tamaño máximo permitido es un 1MB");
                $("#error-img").addClass('text-danger');

            }else if(res==="d"){
                $("#error-img").html("Error la anchura y la altura maxima permitida es 500px");
                $("#error-img").addClass('text-danger');    

            }else if(res==="e"){
                $("#error-img").html("Error la anchura y la altura mínima permitida es 60px");
                $("#error-img").addClass('text-danger');

            }else{

                $("#error-img").html("Imagen subida con exito");
                $("#error-img").addClass('text-success');
            }



    });

El archivo php me devuelve un string lo que deseo es compararlo por medio de if() pero no lo hace solo lanza el else y no compara alguien me puede decir porque no puedo. TENGO UNA SOSPECHA DE QUE TAL VEZ ES POR ESTO :

        contentType: false,
        processData: false,

Por favor espero su pronta ayuda me estoy volviendo loco

6
  • Hacé un console.log(res) antes del primer if y fijate que devuelve.
    – azeós
    el 2 ene. 2018 a las 20:57
  • Hola gracias por responder, ya lo hice y me devuelve el string pero a la hora de comparar solo me devuelve el else y no compara a que se debera? el 2 ene. 2018 a las 20:59
  • Probá usar == en vez de ===, tal vez lo que te está devolviendo la consulta de AJAX no es exactamente un string y por eso falla la comparación estricta.
    – azeós
    el 2 ene. 2018 a las 21:04
  • Puede que los datos vengan con espacios sobrantes, prueba a limpiar los valores con trim, por ejemplo: if(res.trim()==="a"){... Como comentario, yo usaría un switch en este caso y eliminaría todo el código redundante, por ejemplo, las segundas líneas de los if.
    – A. Cedano
    el 2 ene. 2018 a las 21:21
  • Si yo estaba usando switch pero tampoco leía la respuesta, ahora e intentado cambiar el contenType="html", pero el resultado es vacio en console.log(res) el 2 ene. 2018 a las 21:22

1 respuesta 1

1

Lo de contentType: false no debería ser problema.

Si quieres, puedes agregar dataType: "html" a la petición Ajax.

En cuanto a las comparaciones, puede que el valor te esté viniendo del servidor con espacios sobrantes. Entonces limpia la variable con trim.

Aprovecho para mejorar un poco el código:

$.ajax({
    url: ruta,
    type: 'POST',
    data: img,
    dataType: 'html',
    contentType: false,
    processData: false,
})
.done(function(res) {

        var res=res.trim();
        var txtClase='text-danger';
        var txtHtml="";

        switch (res) {
            case "a":
                        txtHtml='Error, el archivo no es una imagen';
                        break;
            case "b":
                        txtHtml='Error, el tamaño máximo permitido es un 1MB';
                        break;
            case "c":
                        txtHtml='Error, el tamaño máximo permitido es un 1MB';
                        break;

            case "d":
                        txtHtml='Error la anchura y la altura maxima permitida es 500px';
                        break;

            case "e":
                        txtHtml='Error la anchura y la altura mínima permitida es 60px';
                        break;

            default:
                        txtHtml='Imagen subida con exito';
                        txtClase='text-success';
        }

        $("#error-img").html(txtHtml);
        $("#error-img").addClass(txtClase);

});
3
  • Ok muchas gracias hermano te pasaste de bueno, espero contar contigo para una próxima locura jejeje el 2 ene. 2018 a las 21:43
  • Bienvenido @ArellanoCornejoDaniel, aquí hay bastante gente capacitada que podrá ayudarte en futuros problemas. Por favor lee ¿Qué debo hacer cuando alguien contesta a mi pregunta en el centro de ayuda. Saludos.
    – A. Cedano
    el 2 ene. 2018 a las 21:45
  • yo tenia justamente el mismo problema y lo resolví aplicando el "trim" a la variable tal como lo recomendaron, gracias por sus consejos.
    – Joelo
    el 3 dic. 2018 a las 19:48

Tu Respuesta

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

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