Exemple de code de méthode centralisée pour obtenir des paramètres URL par JS + JQ

Méthode d'acquisition de valeur JQ:

JQuery lui-même n'a pas de méthode pour obtenir des paramètres URL, mais il existe déjà un plug-in, qui peut obtenir directement URL et d'autres paramètres.

Page d'accueil de la connexion du plugin: https://github.com/allmarkedup/jquery-url-kaser

Lien de téléchargement: http://download.github.com/allmarkedup-jquery-url-parker-bb2bf37.zip

Exemples d'utilisation

Utilisation de l'URL de la page actuelle (pour ces exemples https://mysite.com/information/about/index.html?itemid=2&user=dave):

// Obtenez le protocole

jQuery.url.attr ("protocole") // Renvoie 'http'

// Obtenez le chemin

jQuery.url.attr ("path") // returns '/information/about/index.html'

// Obtenez l'hôte

jquery.url.attr ("hôte") // retourne 'mysite.com'

// Obtenez la valeur du paramètre de requête ItemId

jQuery.url.param ("itemid") // Renvoie 2

// Obtenez le deuxième segment du chemin d'URL

jQuery.url.segment (2) // Renvoie «à propos»

Utilisation d'une URL différente à la page actuelle:

// Définissez une URL différente et renvoyez la chaîne d'ancrage

jQuery.url.setUrl ("http://allmarkedup.com/category/javascript/#footer") .attr ("anchor") // returns 'footer'

Accès natif JS:

La méthode JS la plus primitive:

La copie de code est la suivante:

var urlParams = new Array ();

var aparams = document.location.search.substr (1) .split ('&');

pour (i = 0; i <aparams.length; i ++) {

var aparam = aparams [i] .split ('=');

Urlparams [aparam [0]] = aparam [1];

}

Appelé comme ceci:

http://127.0.0.1/index.php?name=name1&cid=123

// Obtenez le paramètre du nom passé

name = urlparams ["name"];

document.write (nom);

// Obtenez le CID

cid = urlparams ["cid"];

Méthode d'analyse régulière:

Méthode 1:

La copie de code est la suivante:

fonction getQuerystring (name) {

var reg = new regexp ("(^ | &)" + name + "= ([^ &] *) (& | $)", "i");

var r = window.location.search.substr (1) .match (reg);

if (r! = null) return Unescape (r [2]); retourner null;

}

Appelé comme ceci:

La copie de code est la suivante:

alert (getQueryString ("Nom du paramètre 1"));

alert (getQueryString ("Nom du paramètre 2"));

alert (getQueryString ("Nom du paramètre 3"));

Méthode 2:

La copie de code est la suivante:

<span style = "font-size: 16px;"> <script linguisse = "javascript">

fonction getRequest () {

var url = location.search; // Obtenez la chaîne après le "?" caractère dans l'URL

var therequest = new object ();

if (url.indexof ("?")! = -1) {

var str = url.substr (1);

strs = str.split ("&");

pour (var i = 0; i <str.length; i ++) {

therest [strs [i] .split ("=") [0]] = UnEscape (strs [i] .split ("=") [1]);

}

}

retourner là-bas;

}

</cript>

Appelé comme ceci:

La copie de code est la suivante:

<Script linguisse = "javascript">

var demande = nouveau objet ();

Request = getRequest ();

Paramètre VAR 1, paramètre 2, paramètre 3, paramètre n;

Paramètre 1 = demande ['Paramètre 1'];

Paramètre 2 = demande ['Paramètre 2'];

Paramètre 3 = demande ['Paramètre 3'];

Paramètre n = demande ['Paramètre n'];

</cript>