Modificare il link href prima di inviare la richiesta

Question

Ho this codice:

<a class="myLink" href='http://www.website.it/'>Link</a> 

<script type="text/javascript"> 
    var stringToSend = ""; 
    $('.myLink').click(function() { 
     stringToSend="?param=1"; 
    }); 
</script> 

e, come potete vedere, mi piacerebbe aggiungere stringToSend al href (così la richiesta sarà a http://www.website.it/?param=1).

Come posso farlo?

Answer 1

Basta modificare il href con il nuovo href e si è fatto.

$('.myLink').click(function() { 
    $(this).attr("href", this.href + "?param=1"); 
}); 

Answer 2

Basta impostare window.location sul clic e restituire false per impedire il comportamento predefinito.

A tale:

<a class="myLink" href='http://www.website.it/'>Link</a> 

<script type="text/javascript"> 
    var stringToSend = ""; 
    $('.myLink').click(function() { 
     window.location.href = this.href + "?param=" + stringToSend; 
     return false; 
    }); 
</script> 

Answer 3

Cliccando, si potrebbe fermare l'URL corrente e passare a un'altra:

var stringToSend = ""; 
$('.myLink').click(function() { 
    stringToSend="?param=1"; 
    window.location.href = $(this).attr('href') + stringToSend; // navigate to new URL 
    return false; // abort navigation to URL from <a> 
}); 

Answer 4

Si dovrebbe anche evitare che il comportamento di default in questo modo:

var stringToSend = ""; 

// Use this to actually navigate to the changed Uri 
$('.myLink').click(function(event) { 
    event.preventDefault(); 
    stringToSend = "?param=1"; 
    window.location.href = $(this).attr('href') + stringToSend; 
}); 

// Use this just to change the Href, without navigating to uri 
$('.myLink').click(function(event) { 
    event.preventDefault(); 
    stringToSend = "?param=1"; 
    var newUri = $(this).attr('href') + stringToSend; 
    $(this).attr("href", newUri); 
});