Editar el enlace href antes de enviar la solicitud de

Question

tengo this código:

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

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

y, como se puede ver, me gustaría añadir a la stringToSend href (lo que la solicitud será a http://www.website.it/?param=1).

¿Cómo puedo hacerlo?

Answer 1

basta con modificar el href con el nuevo href y ya está.

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

Answer 2

Simplemente configure window.location en su clic y devuelva false para evitar el comportamiento predeterminado.

Un ejemplo:

<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

Al hacer clic, se podría detener la URL actual, y vaya a otra:

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

También debe evitar que el comportamiento por defecto de esta manera:

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