Explication détaillée de la méthode jquery pour obtenir l'URL et les paramètres d'URL

Cette fois, je vais vous apporter une explication détaillée de la façon dont jquery obtient l'url et les paramètres d'url. Quelles sont les précautions pour que jquery obtienne les paramètres d'url et d'url. Voici un cas pratique, jetons un coup d'oeil. .

Utiliser jquery pour obtenir l'url et utiliser jquery pour obtenir les paramètres d'url sont des opérations que nous utilisons souvent

1 Obtenir l'url avec jquery est très simple, le code est le suivant :

window.location.href;

En fait, il n'utilise que l'

objet window de base de javascript sans aucune connaissance de jquery.

2. Il est compliqué d'obtenir les paramètres d'url avec jquery, qui nécessite des expressions régulières, il est donc important de bien apprendre les expressions régulières javascript

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

//获取url中的参数
    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://localhost:33064/WebForm2.aspx?reurl=WebForm1.aspx

Nous voulons obtenir la valeur de reurl, nous pouvons écrire comme ceci :

var xx = getUrlParam('reurl');

Comprendre la méthode javascript pour obtenir les paramètres d'URL. Nous pouvons utiliser cette méthode pour étendre une méthode pour que jquery obtienne les paramètres d'URL via jquery. ) méthode pour jquery

(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);

pour jquery Après avoir étendu cette méthode, nous pouvons obtenir la valeur d'un paramètre grâce à la méthode suivante :

var xx = $.getUrlParam('reurl');

Code complet :

Modification du 23/04/2014

Lorsque vous utilisez la méthode ci-dessus pour obtenir les paramètres dans l'URL aujourd'hui, les Chinois les paramètres transmis dans l'URL sont testés quelle que soit la façon dont ils sont analysés. Tous sont du charabia. Après quelques débogages, j'ai découvert que lorsque je passais des paramètres, j'utilisais encodeURI pour le codage des caractères chinois, tandis que la méthode ci-dessus utilisait unescape lors de l'analyse du codage des paramètres. Il suffit de le changer en decodeURI.

Pièce jointe : Introduction dans W3School :

Fonction JavaScript unescape()

Définition et utilisation

La fonction unescape() décode une chaîne codée par escape().

参数	描述
string	必需。要解码或反转义的字符串。

Explication

Cette fonction fonctionne comme ceci : en trouvant la séquence de caractères de la forme %xx et %uxxxx (x représente des chiffres hexadécimaux), en remplaçant ces séquences de caractères avec les caractères Unicode u00xx et uxxxx pour le décodage.

Conseils et notes

Remarque : ECMAScript v3 a supprimé la fonction unescape() de la norme et a rendu son utilisation obsolète, donc decodeURI() doit être utilisé et

decodeURIComponent() à la place.

Pour résumer : JavaScript doit avoir les mêmes méthodes d'encodage et de décodage pour les paramètres :

escape() unescape()

encodeURI() decodeURI ()

encodeURIComponent() decodeURIComponent()

Une autre méthode javascript trouvée en ligne pour obtenir les paramètres dans l'url :

<script language="JavaScript" type="text/javascript"> 
function GetUrlParms()  
{
  var args=new Object();  
  var query=location.search.substring(1);//获取查询串  
  var pairs=query.split("&");//在逗号处断开  
  for(var  i=0;i<pairs.length;i++)  
  {  
    var pos=pairs[i].indexOf('=');//查找name=value  
      if(pos==-1)  continue;//如果没有找到就跳过  
      var argname=pairs[i].substring(0,pos);//提取name  
      var value=pairs[i].substring(pos+1);//提取value  
      args[argname]=unescape(value);//存为属性  
  }
  return args;
}
var args = new Object();
args = GetUrlParms();
//如果要查找参数key:
if(args["id"]!=undefined)
{
//如果要查找参数key:
var value1 = args["id"] ;
alert(value1);
}</script>

Je crois que vous maîtrisez la méthode après En lisant le cas dans cet article, pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

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!