編輯href鏈接之前發送請求

Question

我this代碼：

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

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

，正如你所看到的，我想補充stringToSend到HREF（因此請求將在http://www.website.it/?param=1）。

我該怎麼辦？

Answer 1

只需修改href新href和你做。

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

Answer 2

只需在您的點擊上設置window.location，並返回false以防止默認行爲。

一個這樣的：

<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

點擊時，您可以停止當前的URL，然後導航到另一個：

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

你也應該避免這樣的默認行爲：

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