Sửa href liên kết trước khi gửi yêu cầu

Question

Tôi có this mã:

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

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

và, như bạn có thể thấy, tôi muốn thêm stringToSend đến href (vì vậy yêu cầu sẽ có mặt tại http://www.website.it/?param=1).

Tôi có thể làm như thế nào?

Answer 1

Chỉ việc điều chỉnh href với mới href và bạn đã làm xong.

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

Answer 2

Chỉ cần đặt window.location trên nhấp chuột của bạn và trả về false để ngăn chặn hành vi mặc định.

Một ví dụ:

<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

Khi nhấp, bạn có thể ngăn chặn các URL hiện tại, và điều hướng đến khác:

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

Bạn cũng nên ngăn chặn hành vi mặc định như thế này:

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