jQuery Enviar página de actualización
El siguiente código está destinado a hacer una solicitud POST puramente ajax, en cambio, parece hacer la POST a través de ajax y luego el navegador navega hacia la respuesta.
The HTML ...
<div id="bin">
<form class="add" method="post" action="/bin/add/">
<p>I'm interested! Save for later.</p>
<input type="hidden" name="product_id" value="23423">
<input type="submit" value="Save">
</form>
<form style="display:none;" class="remove" method="post" action="/bin/remove/">
<p>I changed my mind--I'm not interested.</p>
<input type="hidden" name="product_id" value="23423">
<input type="submit" value="Unsave">
</form>
</div>
The jQuery ...
$('#bin form').submit(function() {
$.post($(this).attr('action'),{
success: function(data) { $(this).hide().siblings('form').show() },
data: $(this).serialize()
});
return false;
})
Por lo que yo entiendo, elreturn false;
line debería significar que no importa qué, cualquier llamada a la función de envío o clics en el botón 'Enviar' o presionar enter significa que mi función se ejecutará y el navegadorn navegar a/bin/add
o/bin/remove
. Pero por alguna razón, el navegadore cambio de páginas.
¿Alguna idea de lo que estoy haciendo mal aquí? Gracias