jquery obtient l'URL et les paramètres d'URL (avec code)

Cette fois, je vais vous présenter jquery pour obtenir l'url et les paramètres d'url (avec code). Quelles sont les précautions pour que jquery obtienne les paramètres d'url et d'url Ce qui suit est un cas pratique, prenons un. regarder.

1. Il est très simple d'obtenir l'url avec jquery Le code est le suivant

window.location.href;

En fait, c'est juste. utilise l'objet window de base de javascript , et aucune connaissance de l'utilisation de jquery

2 est plus compliqué pour obtenir les paramètres d'URL et nécessite des expressions régulières, donc. il est important d'apprendre les expressions régulières javascript

Tout d'abord, voyons comment obtenir un certain paramètre dans l'URL simplement via JavaScript

function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r!=null) return unescape(r[2]); return null; //返回参数值
}

Vous pouvez obtenir la valeur du paramètre en passant le nom du paramètre dans l'url via cette fonction, par exemple, l'url est

http://www.xxx.loc/admin/write-post.php?cid=79

Si nous voulons obtenir la valeur de cid, nous pouvons écrire comme ceci :

getUrlParam('cid');

Comprendre comment javascript obtient les paramètres d'URL Nous pouvons utiliser cette méthode pour étendre une méthode permettant à jquery d'obtenir les paramètres d'url via jquery. . Le code suivant étend jquery avec une méthode getUrlParam()

(function($){
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);

car Après que jquery ait étendu cette méthode, nous pouvons obtenir la valeur d'un certain paramètre via la méthode suivante

$.getUrlParam('cid');

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Comment gérer l'échec de l'ancrage de page dans iframe

Explication détaillée des étapes pour obtenir le objet document dans iframe

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!