Maison  >  Article  >  interface Web  >  JS obtient les valeurs des paramètres dans l'URL en fonction de la valeur clé et convertit les paramètres de l'URL en compétences json objects_javascript

JS obtient les valeurs des paramètres dans l'URL en fonction de la valeur clé et convertit les paramètres de l'URL en compétences json objects_javascript

WBOY
WBOYoriginal
2016-05-16 15:42:391383parcourir

Plus de bêtises, publions simplement le code. L'exemple 1 explique comment JS obtient les valeurs des paramètres dans l'URL en fonction de la valeur de la clé et convertit les paramètres de l'URL en objets json. L'exemple 2 explique comment JS obtient les paramètres transmis. à partir de l'URL Veuillez voir ci-dessous pour plus de détails

.

Exemple 1 :

//Convertir la partie paramètre de l'url en objet json

 parseQueryString: function (url) {
  var reg_url = /^[^\?]+\?([\w\W]+)$/,
   reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
   arr_url = reg_url.exec(url),
   ret = {};
  if (arr_url && arr_url[1]) {
   var str_para = arr_url[1], result;
   while ((result = reg_para.exec(str_para)) != null) {
    ret[result[1]] = result[2];
   }
  }
  return ret;
 }

// Récupérer la valeur du paramètre dans l'url via la clé

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

Exemple 2 :

js obtient l'URL transmettant les paramètres via deux méthodes :

Méthode JS pour obtenir les paramètres de transmission des URL :

Voici une solution client JAVASCRIPT pour obtenir des URL avec les paramètres QUESTRING, qui est équivalente au request.querystring d'ASP et au $_GET
de PHP. Fonction :

<Script language="javascript">
function GetRequest() {
 
 var url = location.search; //获取url中"&#63;"符后的字串
 var theRequest = new Object();
 if (url.indexOf("&#63;") != -1) {
  var str = url.substr(1);
  strs = str.split("&");
  for(var i = 0; i < strs.length; i ++) {
   theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
  }
 }
 return theRequest;
}
</Script>

Ensuite on obtient la valeur du paramètre correspondant en appelant cette fonction :

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>

Récupérez le paramètre avec le même nom dans la chaîne d'URL

Méthode 2 pour js pour obtenir les paramètres de transmission d'URL Méthode d'analyse régulière :

function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  var r = window.location.search.substr(1).match(reg);
  if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

Introduction aux autres paramètres :

//Définit ou récupère le nom de fichier ou le chemin spécifié par l'objet.

alert(window.location.pathname);

//Définissez ou obtenez l'URL entière sous forme de chaîne.

alert(window.location.href);

//Définissez ou obtenez le numéro de port associé à l'URL.

alert(window.location.port);

//Définissez ou obtenez la partie protocole de l'URL.

alert(window.location.protocol);

//Définissez ou récupérez le segment après le signe dièse "#" dans l'attribut href.

alert(window.location.hash);

//Définissez ou obtenez le nom d'hôte et le numéro de port de l'emplacement ou de l'URL.

alert(window.location.host);

//Définissez ou récupérez la partie suivant le point d'interrogation dans l'attribut href.

alert(window.location.search);

Le contenu ci-dessus présente JS pour obtenir les valeurs des paramètres dans l'URL en fonction de la valeur clé et convertir les paramètres de l'URL en objets json. JS obtient les paramètres de transmission de l'URL de deux manières, code

.

C’est très simple et j’espère que cela aidera tout le monde.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn