jQuery: कब्जा लंगर href onclick और सबमिट करें एसिंक्रोनस रूप

Question

मैं लगभग कभी नहीं क्लाइंट साइड सामान के साथ खेलने के लिए मिलता है, और यह शायद सरल कार्य अपनी बट :)

लात है मैं कुछ लिंक है। OnClick मैं,, डिफ़ॉल्ट गतिविधि को रोकता है अपने href URL कब्जा करने के लिए है कि यूआरएल के लिए एक ajax प्राप्त प्रस्तुत चाहते हैं, और बस परिणामों के साथ alert() ... लेकिन मैं भी स्टार्टिंग लाइन :)

उदाहरण एंकर अतीत नहीं मिल सकता प्ले-समय के लिए:

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

अब, मैं इतने पर समान अनुरोधों के लिए कुछ सुझाव के साथ खेला जाता है, लेकिन अभी भी लिंक ब्राउज़र href url पर नेविगेट करने का कारण है।

यहां तक ​​कि के साथ सिर्फ

<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>

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

समस्या यहाँ सहित कि घटनाक्रम संलग्न नहीं किया जा रहा है अपने तत्व को क्योंकि वे डोम तैयार में बाध्य नहीं किया जा रहा है घटना डोम तैयार स्थिति में अपने घटनाओं सहित कोशिश करो और अगर यह काम करता है जब आप सूचना

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

});