Comment obtenir les valeurs des paramètres de requête à partir d'une URL à l'aide de jQuery ?

Comment extraire les paramètres de requête d'une URL à l'aide de jQuery

Question :

Comment faites-vous obtenir la valeur d'un paramètre de requête à partir d'une URL à l'aide de jQuery et l'utiliser dans votre code ? Par exemple, si l'URL est http://www.mysite.co.uk/?location=mylocation1, comment attribuer la valeur "mylocation1" à une variable à utiliser dans l'instruction jQuery suivante :

var thequerystring = "getthequerystringhere"

$('html,body').animate({scrollTop: $(""div#" + thequerystring).offset().top}, 500);

Réponse :

Pour extraire les paramètres de requête d'une URL, vous pouvez utiliser le code suivant extrait :

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

Cette fonction prend les paramètres d'URL de la barre d'adresse du navigateur, les divise en paires clé-valeur et les renvoie sous forme d'objet. Par exemple, l'URL http://www.example.com/?me=myValue&name2=SomeOtherValue renverrait l'objet suivant :

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}

Avec cette fonction, vous pouvez accéder aux paramètres de requête par leur clés. Dans votre cas, pour obtenir le paramètre "location", vous pouvez écrire :

var locationValue = getUrlVars()["location"];

Enfin, vous pouvez utiliser la valeur du paramètre extraite dans votre instruction jQuery comme suit :

var thequerystring = locationValue;

$('html,body').animate({scrollTop: $(""div#" + thequerystring).offset().top}, 500);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!