Question

172

Html anchor tag onclick() and href execute simultaneously

rated 0 times [ 178] [ 6] / answers: 1 / hits: 92434 / 11 Years ago, tue, october 8, 2013, 12:00:00

Similar to HTML anchor link - href and onclick both? post, mine is:

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

The update() method would send another HTTP GET method to the server to update the which file has been downloaded and update the database. From the HTML code, there are 2 GET requests being triggered together and only ONE will get the response (the href download response) from the server. The update() is not being executed. Is there any method that i can get both GET methods to be executed? Javascript and Jquery suggestions are welcomed!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yesseniadajab

Add To Favorites

Follow

Total Points: 258

Total Questions: 101

Total Answers: 127

Location: Mexico

Member since Mon, Sep 12, 2022

2 Years ago

answered 11 Years ago tomas · Accepted Answer

Forget about the href and just do it all in the click function. You can navigate to another page after the update is complete. Here is my JQuery suggestion:

HTML

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

JavaScript (with 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;

});

NOTE: I added in an id for the a tag to ensure it can be selected accurately via JQuery