Maison > interface Web > js tutoriel > le corps du texte

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
Libérer: 2016-05-16 15:42:39
original
1419 Les gens l'ont consulté

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;
 }
Copier après la connexion

// 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;
 }
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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"));
Copier après la connexion

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);
Copier après la connexion

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

alert(window.location.href);
Copier après la connexion

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

alert(window.location.port);
Copier après la connexion

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

alert(window.location.protocol);
Copier après la connexion

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

alert(window.location.hash);
Copier après la connexion

//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);
Copier après la connexion

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

alert(window.location.search);
Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal