JQuery: захватить привязку href onclick и отправить асинхронно

Я почти никогда не могу играть с клиентскими вещами, и эта, по-видимому, простая задача - пинать мою задницу:)

У меня есть некоторые ссылки. OnClick Я хочу предотвратить действие по умолчанию, захватить его href url, отправить ajax GET на этот URL-адрес и просто alert() с результатами... но я не могу даже пройти мимо стартовой строки:)

Пример привязки для времени воспроизведения:

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

Теперь я играл с несколькими предложениями для подобных запросов на SO, но ссылки по-прежнему заставляют браузер перейти к URL-адресу href.

Даже с помощью

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

... ссылки по-прежнему перемещаются на другую страницу.

Я вроде как чувствую себя и младенец здесь:)

Любая помощь будет глубоко оценена.

И, да, я AM, включая jQuery:)
<script src="//67.20.99.206/javascripts/jqueryCountdown/1-5-11/jquery.countdown.js" type="text/javascript" charset="utf-8"></script>

Ответ 1

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

Ответ 2

Попробуйте это

$('a').click(function (event) 
{ 
   event.preventDefault(); 

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

 });

Ответ 3

Проблема здесь в том, что события не привязаны к вашему элементу, потому что они не связаны в событии готовности DOM. Попробуйте включить ваши события в событие готовности DOM, и если он будет работать, вы увидите предупреждение

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

После этого отправьте запрос Ajax и отправьте форму в функцию обратного вызова Success.

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

                     $('#form').submit();
                 }
             })
        });
    }); 
</script>