[SOLUCIONADO] checkbox con ajax

[martinpedulla]

Hola amigos. estoy haciendo un formulario con un checkbox.

Código HTML:

<form name="form" id="form" method="post" action="insertar.php" class="clase_insertar">
<input name="destacado" type="checkbox" id="destacado" checked="checked">
<input type="submit" name="enviar" id="enviar" value="enviar">
</form> 

}

y tengo el archivo insertar.php que inserta el formulario en la base de datos de la siguiente manera:

Código PHP:

  if ($_POST['destacado'] == "on") { $destacado = "si"; } else { $destacado = "no"; }

mysqli_query($conexion,"INSERT INTO post (destacado) VALUES ('$destacado')");  
   

Ahí funciona bien, la cosa es que en realidad yo envio los datos con ajax, asi:

$(".clase_insertar").submit(function(event){
event.preventDefault();

var d=$(this).find("#destacado").val();

$.ajax({
async:true,
type: "POST",
dataType: "html",
contentType: "application/x-www-form-urlencoded",
url: "insertar.php",

data:{destacado:d},

error: function(jqXHR, textStatus){
alert("Se produjo un error: " + textStatus);
}
});
});


y de esta manera no se me envia bien. O sea, si el checkbox esta chequeado o no, siempre se inserta un si en la base de datos. como puedo modificar el javascript para arreglarlo?

[rottenp4nx]

Código Javascript:

$(".clase_insertar").submit(function(event){
        event.preventDefault();
 
        var d=$(this).find("#destacado").is(':checked');
 
        $.ajax({
            async:true,
            type: "POST",
            dataType: "html",
            contentType: "application/x-www-form-urlencoded",
            url: "insertar.php",
            
            data:{destacado:d},
            
            error: function(jqXHR, textStatus){
            alert("Se produjo un error: " + textStatus);
            }
        });
 
    });
 

Código PHP:

if ($_POST['destacado'] == true) { $destacado = "si"; } else { $destacado = "no"; }
 
mysqli_query($conexion,"INSERT INTO post (destacado) VALUES ('$destacado')");
 

Intenta, así.
Saludos

[martinpedulla]

muchas gracias amigo, le cambie como pusiste ahi pero igual no me funciona. sigue de la misma manera

[rottenp4nx]

El error que hay, es que al crear al pedir los datos con Jquery este los convierte en cadena

Entonces:

Código Javascript:

$(".clase_insertar").submit(function(event){
        event.preventDefault();
 
        var d=$(this).serialize();
 
        $.ajax({
            async:true,
            type: "POST",
            dataType: "html",
            url: "insertar.php",
            data:{'destacado':d},
            
            success: function(data){
                alert(data);
            }
        });
 
    });
 

Intenta con eso

Saludos

[martinpedulla]

muchisimas gracias amigo. La verdad asi tampoco funcionaba, pero intenté escribir la variable de esta manera y me funciono:

var d=$(this).find("#destacado").serialize();

le tuve que agregar lo de find("#destacado"). y me funcionó. muchisimas gracias!!!