Html锚标签onclick()和href同时执行

时间:2013-10-08 14:34:24

标签: javascript jquery html get onclick

类似于HTML anchor link - href and onclick both?帖子,我的是:

<a href="/tmp/download.mp3" onclick="update();">Download link</a>

update()方法会向服务器发送另一个HTTP GET方法,以更新已下载的文件并更新数据库。从HTML代码中,有2个GET请求被一起触发,只有ONE将从服务器获得响应(href下载响应)。 update()未被执行。有没有什么方法可以让两个GET方法都被执行?欢迎使用Javascript和Jquery建议!

1 个答案:

答案 0 :(得分:23)

忘记href并在点击功能中完成所有操作。更新完成后,您可以导航到另一个页面。这是我的JQuery建议:

HTML

<a id="download" href="/tmp/download.mp3">Download link</a>

JavaScript(使用JQuery)

$("#download").click(function(e){
    e.preventDefault();//this will prevent the link trying to navigate to another page
    var href = $(this).attr("href");//get the href so we can navigate later

    //do the update

    //when update has finished, navigate to the other page
    window.location = href;
});

注意:我在id标记中添加a标记,以确保可以通过JQuery准确选择