javascript - Html 锚标记 onclick() 和 href 同时执行

Question

类似于HTML 锚链接 - href 和 onclick 两者？帖子，我的是：

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

该update()方法将向服务器发送另一个 HTTP GET 方法以更新已下载的文件并更新数据库。从 HTML 代码中，有 2 个 GET 请求一起被触发，只有一个会从服务器获得响应（href 下载响应）。update()没有被执行。有什么方法可以让我同时执行 GET 方法吗？欢迎 Javascript 和 Jquery 建议！

Answer 1

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

注意：我添加了一个idfora标记以确保可以通过 JQuery 准确选择它