jQuery를 : 캡처 앵커 HREF는 온 클릭 비동기

Question

나는 거의 클라이언트 측 물건 플레이를 할 수 없다 제출하고이 아마도 간단한 작업은 좀 링크가 내 엉덩이 :

을 차고있다. 의 OnClick 나는 기본 동작을 방지의 HREF URL을 캡처, 해당 URL에 아약스 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를 :
<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 준비에 구속되지 않기 때문에 이벤트 이 요소에 부착되지 않는 것입니다 이벤트.

<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

이 시도 .. DOM ready 이벤트에서 이벤트를 포함 시도하고 작동하는지이 Ajax 요청을 전송하고 성공 콜백 함수에서 양식을 제출 한 후에는 경고를

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

를 볼 수 있습니다

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

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

});