Comment remplacer le paramètre url par javascript/jquery ?

Question

J'ai cherché un moyen efficace de le faire mais je n'ai pas pu le trouver, en gros ce dont j'ai besoin, c'est que compte tenu de cette URL par exemple:

 http://localhost/mysite/includes/phpThumb.php?src=http://media2.jupix.co.uk/v3/clients/4/properties/795/IMG_795_1_large.jpg&w=592&aoe=1&q=100

J'aimerais pouvoir changer l'URL dans le src avec une autre valeur en utilisant javascript ou jquery, est-ce possible ?

Merci d'avance.

Answer 1

De nos jours, c'est possible avec le JS natif

 var href = new URL('https://google.com?q=cats');
href.searchParams.set('q', 'dogs');
console.log(href.toString()); // https://google.com/?q=dogs

Answer 2

Javascript offre désormais une fonctionnalité très utile pour gérer les paramètres d'url : URLSearchParams

 var searchParams = new URLSearchParams(window.location.search);
searchParams.set('src','newSrc')
var newParams = searchParams.toString()

Answer 3

Voici le code modifié de stenix, ce n'est pas parfait mais il gère les cas où il y a un paramètre dans l'url qui contient le paramètre fourni, comme :

 /search?searchquery=text and 'query' is provided.

Dans ce cas, la valeur du paramètre de requête de recherche est modifiée.

Code:

 function replaceUrlParam(url, paramName, paramValue){
    var pattern = new RegExp('(\\?|\\&)('+paramName+'=).*?(&|$)')
    var newUrl=url
    if(url.search(pattern)>=0){
        newUrl = url.replace(pattern,'$1$2' + paramValue + '$3');
    }
    else{
        newUrl = newUrl + (newUrl.indexOf('?')>0 ? '&' : '?') + paramName + '=' + paramValue
    }
    return newUrl
}