小编典典

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>


阅读 310

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