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

小编典典

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

ajax

我几乎从来没有玩过客户端方面的东西，而这个大概简单的任务正在踢我的屁股:)

我有一些链接。OnClick我想阻止默认操作，捕获其href网址，向该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网址。

即使只是

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

阅读 311

2020-07-26

共1个答案

小编典典

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

2020-07-26