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
});