Якорный тег html onclick() и href выполняются одновременно

Как и HTML-привязка - href и onclick оба? post, мой:

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

Метод update() отправит на сервер другой HTTP-метод GET, чтобы обновить файл, который был загружен, и обновить базу данных. Из кода HTML есть два запроса GET, которые запускаются вместе, и только один из них получит ответ (ответ загрузки href) с сервера. update() не выполняется. Есть ли какой-либо метод, который я могу получить, чтобы оба метода GET выполнялись? Приветствуются предложения Javascript и JQuery!

Ответы

Ответ 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;
});

ПРИМЕЧАНИЕ. Я добавил в тег id для тега a, чтобы убедиться, что его можно точно выбрать через JQuery