Problema con .click y .ajax

[chigorin4]

Hola tengo un problema porque no me carga la funcion AJAX, que ya la verifique y esta bien, sin embargo el codigo no se ejecuta

Código Javascript:

$("#envia").click(function(){
        
        $.ajax({
        
        data:{dia: d,mes: m,des: ct},
        url:"calendario_creaFecha.php",
        type:"post",
        success: function (response)
        {
            alert(response);
        }
 
    });
 

[Alexis88]

Bienvenido a FDW.

¿Has verificado que estés recibiendo una respuesta?

De no ser así, dentro del método success, añade la línea console.log(response) y verifica en la consola del navegador (en Chrome, pulsa la tecla F12 y selecciona la opción 'Console' del cuadro que se desplegará en la parte inferior) si estás recibiendo una respuesta.

Saludos

[chigorin4]

Es raro porque no me aparece respuesta, sin embargo si cambio de evento me regresa una respuesta, todos los demas eventos, solo esto me pasa con el click, aqui tengo todo el codigo js

Código Javascript:

var d;
var m;
var ct;
$(document).on("ready",function(){
    $("#creaFecha").hide();
    ct = $("textarea").text();
    var combomes = document.getElementById("mes");
    var combodia = document.getElementById("dia");
    var meses = ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
    for(var i=0;i<12;i++)
    {
        combomes.options[i] = new Option(meses[i]);
    }
    for(var i=0;i<30;i++)
    {
        combodia.options[i] = new Option(i+1);
    }
 
    $("button").click(function(){
        
        $("#creaFecha").show();
 
 
    });
 
    $("#dia").change(function(){
        d = $("#dia").val();
 
    });
 
    $("#mes").change(function(){
        m = $("#mes").val();    
    });
    $("#envia").click(function(){
    $.ajax({
        data:{dia: d,mes: m,des: ct},
        url:"calendario_creaFecha.php",
        type:"post",
        success: function (response)
        {
            console.log(response)
        }
    }); 
    })
});
 

[Alexis88]

Prueba sin usar Ajax, es decir, con la recarga de la ventana, así sabrás si los datos están llegando hasta el archivo PHP y si se está generando una respuesta. También puedes hacer esta verificando usando el panel de herramientas para desarrolladores de tu navegador. En el mismo panel en donde observaste la respuesta en la pestaña 'Console', elige 'Network' y luego de realizar la petición asíncrona (el envío de los datos mediante Ajax), deberá cargar el nombre del archivo PHP en la lista que aparece en la parte izquierda. Dale clic al nombre y a la derecha cargará otro panel con opciones, de las cuales tendrás que seleccionar 'Response' para ver lo que genera en salida el archivo PHP.

Saludos

[Trublux]

¿Es posible que se esté recargando la pestaña?
Es que como no cancelas el evento "click" puede que se esté realizando la acción que tiene por defecto. Prueba a usar event.preventDefault();.

Código Javascript:

$("#envia").click(function(event){
    event.preventDefault();
    $.ajax({
        data:{dia: d,mes: m,des: ct},
        url:"calendario_creaFecha.php",
        type:"post",
        success: function (response)
        {
            console.log(response)
        }
    }); 
});
 

Por cierto, en el primer ejemplo te falta cerrar el "click" y en el segundo te falta el punto y coma.

Y según la documentación de jQuery, el evento success está obsoleto desde la versión 1.8:

Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are deprecated as of jQuery 1.8. To prepare your code for their eventual removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.