Maison  >  Article  >  interface Web  >  Exemple de code de méthode centralisé Js Jq pour obtenir des paramètres d'URL_compétences javascript

Exemple de code de méthode centralisé Js Jq pour obtenir des paramètres d'URL_compétences javascript

WBOY
WBOYoriginal
2016-05-16 16:47:381399parcourir

Méthode de valeur JQ :

jquery lui-même n'a pas de méthode pour obtenir les paramètres d'URL, mais il existe déjà un plug-in, et vous pouvez obtenir directement l'URL et d'autres paramètres
Page d'accueil de connexion du plug-in : https ://github.com/allmarkedup/ jQuery-URL-Parser
Lien de téléchargement : http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

Exemples d'utilisation
En utilisant l'url de la page actuelle (pour ces exemples https://mysite.com/information/about/index.html?itemID=2&user=dave) :

// récupérez le protocole
jQuery .url.attr("protocol") // renvoie 'http'

// récupère le chemin
jQuery.url.attr("path") // renvoie '/information/about/index. html'


// récupère l'hôte
jQuery.url.attr("host") // renvoie 'mysite.com'

// récupère la valeur du Paramètre de requête itemID
jQuery.url .param("itemID") // renvoie 2

// récupère le deuxième segment du chemin de l'URL
jQuery.url.segment(2) // renvoie 'about'
Utiliser une URL différente de la page actuelle :

// définir une URL différente et renvoyer la chaîne d'ancrage
jQuery.url.setUrl("http://allmarkedup.com/ category/javascript/#footer"). attr("anchor") // renvoie 'footer'

Acquisition native JS :

La méthode JS la plus originale :

Copier le code Le code est le suivant :

var URLParams = new Array();
var aParams = document. location.search.substr(1).split(' &');
for (i=0; i < aParams.length ; i ){
var aParam = aParams[i].split('= ');
URLParams[aParam[0] ] = aParam[1];
}

Appelez comme ceci :

http://127.0.0.1/ index.php?name=name1&cid=123
/ /Obtenir le paramètre de nom transmis
name=URLParams["name"]

document.write(name); le cid passé

cid= URLParams["cid"];

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

Méthode 1 :

Copier le code Le code est le suivant :
function getQueryString(name) {
var reg = new RegExp("(^|&)" nom "=([^&]*)(&|$ )", "i");
var r = window.location.search.substr(1).match(reg);
if (r); != null) return unescape(r[2]); return null;


est appelé comme ceci :


alert(GetQueryString("Parameter name 1"));

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

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


Méthode 2 :





Appelez comme ceci :


Copiez le code Le code est le suivant :