jQuery：捕获锚点href onclick并异步提交

我几乎永远不会玩客户端的东西，这可能是一个简单的任务就是踢我的屁股:)

我有一些链接。 OnClick我想阻止默认操作，捕获它的href url，向该url提交ajax GET，并简单地用结果alert()但是我甚至无法超越起始线:)

播放时间的示例锚点：

 Click Here Click Here 

现在，我已经对SO上的类似请求提出了一些建议，但链接仍然导致浏览器导航到href url。

即使只是

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

…链接仍然导航到另一页。

我有点像和婴儿在这里:)

任何和所有帮助将深表感谢。

而且，是的，我包括jQuery 🙂

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

试试这个

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

Answer 3

这里的问题是事件没有附加到您的元素，因为它们没有绑定在DOM ready事件中。 尝试在DOM准备事件中包含您的事件，如果它有效，您将看到警报

在此之后发送Ajax请求并在Success回调函数中提交表单。