jQueryの：onclickのアンカーのhrefをキャプチャし、非同期

Question

私はクライアント側のもので遊ぶことを得ることはほとんどない、とこのおそらく簡単なタスクは私のお尻を蹴っている提出:)

私はいくつかのリンクを持っています。 OnClick私は、デフォルトのアクションを防ぐために、そのhrefのURLをキャプチャし、そのURLにajax GETを送信し、結果と簡単にalert() ...しかし、私は開始線を越えることはできません:)

例アンカープレイ時間：今すぐ

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

、私はSOの同様の要求のためのいくつかの提案をプレイしましたが、リンクはまだブラウザはhrefのURLに移動させます。でも、ちょうど

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

と

...リンクは、まだ他のページに移動します。私はちょっと任意およびすべてのヘルプのように、ここで乳児:)

感じている

を深く理解されるであろう。

そして、jQueryのを含めはい、私AM :)
<script src="//67.20.99.206/javascripts/jqueryCountdown/1-5-11/jquery.countdown.js" type="text/javascript" charset="utf-8"></script>

Answer 1

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

Answer 2

ここでの問題は、彼らがDOM準備に拘束されていないので、イベントがあなたの要素に添付されていないことですイベント。 DOM readyイベントであなたのイベントを含めて試してみて、それが動作する場合は、この後

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

アラートがAjaxリクエストを送信し、成功コールバック関数でフォームを送信表示されます。..

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

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

Answer 3

はこれを試してみてください

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

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

});