Estoy dando mis primeros pasos en AJAX y estoy con mi primer inconveniente a la hora de enviar un formulario sin que recargue la página. Lo que intento hacer es un "envio de solicitud de amistad" y quiero que una vez enviado los datos del formulario el boton de "enviar solicitud" cambie a "cancelar solicitud", pero simplemente queda igual aunque si se envian los datos. "Cancelar solicitud" sería tambíen un botón que haría el mismo procedimiento sólo que al revés y en lugar de insertar, eliminaría.
//EDICIÓN COMPLETA DE CODIGO DEBIDO A QUE ESTABA MAL PLANTEADO EL DESARROLLO DEL MISMO AUNQUE CONTINUA ESTANDO MAL
<?php
if ($estadoA['estado'] == 0){ //SI EN LA BDD NO HAY RELACION ENTRE USUARIOS
$boton="Enviar solicitud de amistad";
} else {
$boton="Cancelar solicitud";
}
?>
<button id="solicitud" onclick="enviar2('<?php echo $_SESSION['user_id']?>','<?php echo $_GET['id']?>')">
<?php echo $boton;?>
</button>
FUNCTIONS.JS
function enviar2(emisor,receptor){
b=$('#solicitud').html();
if(b=="Enviar solicitud de amistad"){
url="../amigos/solicitud-enviada.php";
} else {
url="../amigos/eliminar-solicitud.php";
}
cadena= "emisor=" + emisor + "&receptor=" + receptor;
alert(url);
$.ajax({
type:'POST',
url:url,
data:cadena,
success:function(r){
if (r!=0) {
alert($('#solicitud').html());
if (b=="Enviar solicitud de amistad"){
$('#solicitud').html("Cancelar solicitud");
} else{
$('#solicitud').html("Enviar solicitud de amistad");
}
alert($('#solicitud').html());
} else {
alert('error');
}
}
});
return false;
}
Como verán, redirecciono la url según el valor obtenido por el id del botón pero lo hace mal, supongamos que no hay relación entre los usuarios deberia decir "Enviar solicitud", una vez que doy click he visto mediante un alert, que se redirecciona al eliminar en lugar de que sea a solicitud-enviada, es decir, no cumple la función requerida, aunque curiosamente, sin recargar la página y darle nuevamente al boton, hace todo correctamente. Eso quiere decir que el valor inicial al cargar la página me está mandando un valor incorrecto el id del botón, agradecería si me pueden decir que estoy haciendo mal.
enviar_2()
la líneaevent.preventDefault();
ya que el comportamiento normal de un formulario al hacer el submit es realizar un redireccionamiento, con ello lo previenes. Saludos.success