Ottenere i valori dei parametri di un URL in Javascript

Grazie a questa funzione è possibile ottenere i valori dei parametri presenti in un URL.
Facciamo un esempio. Stiamo lavorando ad un progetto e abbiamo a che fare con degli URL. Di questi vogliamo ricavarne i valori presenti nei loro parametri.
Nell’indirizzo https://www.youtube.com/watch?v=qyCtwmlz1Dw abbiamo un solo parametro v.
Vogliamo ottenere il suo valore qyCtwmlz1Dw
La mia funzione:

function getUrlParameterValue(url, parameter) {
    var questionSplit = url.split('?');
    questionSplit.shift();
    var onlyParameters = questionSplit.join('?');
    var splittedParameters = onlyParameters.split('&');
    var found = false;
    var value = null;
    for (var c = 0; c < splittedParameters.length; c++) {
        var parts = splittedParameters[c].split('=');
        if (parts[0] == parameter) {
            value = parts[1];
            if ($.trim(value) == '') {
                found = false;
            } else {
                found = true;
            }
        }
        if (found) {
            return value;
        }
    }
    if (!found) {
        return false;
    }
}

Vediamo come richiamarla:

var risultato = getUrlParameterValue('https://www.youtube.com/watch?v=qyCtwmlz1Dw', 'v');
console.log(risultato);

La variabile risultato conterrà il valore di v = qyCtwmlz1Dw.
Nel caso in cui il parametro non dovesse esistere, o non viene trovato nessun valore… la funzione restituirà false, utile quindi per utilizzarla in situazioni condizionali if….

See in action

Approfondimenti

[amazon_link asins=’8861143067,1118907442,8820370859′ template=’ProductGrid-Mia’ store=’ilsitwebdia05-21′ marketplace=’IT’ link_id=’c0d734c0-c555-11e6-a60a-cb9f55295d3d’]