efecto - link interno jquery

jQuery: captura el ancla href onclick y enviar asincrónicamente

Question

Casi nunca juego con cosas del lado del cliente, y esta tarea presumiblemente simple es patear mi trasero :)

Tengo algunos enlaces. OnClick Quiero evitar la acción predeterminada, capturar su url href, enviar un GET ajax a esa url y simplemente alert() con los resultados ... pero no puedo pasar la línea de partida :)

Ejemplos de anclas para el tiempo de juego:

<a class="asynch_link" href="good/1.html">Click Here</a>
<a class="asynch_link" href="good/2.html">Click Here</a>

Ahora, he jugado con algunas sugerencias para solicitudes similares en SO, pero los enlaces todavía hacen que el navegador navegue a la URL href.

Incluso con solo

<script type="text/javascript">
$(''a'').click(function (event)
{
event.preventDefault();
//here you can also do all sort of things
});
</script>

... los enlaces todavía navegan a la otra página.

Me siento un poco como un bebé aquí :)

Cualquier ayuda será muy apreciada.

Y, sí, yo estoy incluyendo jQuery :)
<script src="//67.20.99.206/javascripts/jqueryCountdown/1-5-11/jquery.countdown.js" type="text/javascript" charset="utf-8"></script>

Answer 1

El problema aquí es que los eventos no se adjuntan a su elemento porque no están vinculados en un evento preparado para DOM. Intente incluir sus eventos en el evento listo para DOM y, si funciona, verá la alerta

<script>
$(function() {
$(''a'').click(function(event) {
event.preventDefault();
alert(''fff'')
//here you can also do all sort of things
});
});
</script>

Después de esto, envíe la solicitud de Ajax y envíe el formulario en la función de devolución de llamada correcta.

<script>
$(function() {
$(''a'').click(function(event) {
event.preventDefault();
$.ajax({
url: ''url'',
dataType :''json'',
data : ''{}'',
success : function(data){
// Your Code here
$(''#form'').submit();
}
})
});
});
</script>

Answer 2

Prueba esto

$(''a'').click(function (event)
{
event.preventDefault();
var url = $(this).attr(''href'');
$.get(url, function(data) {
alert(data);
});
});

Answer 3

$(''a'').click(function(event) {
event.preventDefault();
$.ajax({
url: $(this).attr(''href''),
success: function(response) {
alert(response);
}
});
return false; // for good measure
});