Heim  >  Artikel  >  Web-Frontend  >  JS ruft die Parameterwerte in der URL basierend auf dem Schlüsselwert ab und konvertiert die URL-Parameter in JSON-Objekte_Javascript-Fähigkeiten

JS ruft die Parameterwerte in der URL basierend auf dem Schlüsselwert ab und konvertiert die URL-Parameter in JSON-Objekte_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:42:391383Durchsuche

Kein Unsinn mehr, posten wir einfach den Code. Beispiel 1 erklärt, wie JS die Parameterwerte in der URL basierend auf dem Schlüsselwert erhält und die URL-Parameter in JSON-Objekte umwandelt Weitere Informationen finden Sie unten

Beispiel 1:

//Konvertieren Sie den Parameterteil der URL in ein JSON-Objekt

 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;
 }

// Rufen Sie den Parameterwert in der URL über den Schlüssel ab

 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;
 }

Beispiel 2:

js erhält URL-Übergabeparameter über zwei Methoden:

JS-Methode zum Abrufen von URL-Übergabeparametern:

Hier ist eine JAVASCRIPT-Clientlösung zum Abrufen von URLs mit QUESTRING-Parametern, die dem request.querystring von ASP und $_GET von PHP entspricht

Funktion:

<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>

Dann erhalten wir den entsprechenden Parameterwert, indem wir diese Funktion aufrufen:

<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>

Rufen Sie den Parameter mit demselben Namen in der URL-Zeichenfolge ab

Methode 2 für js, um URL-Übergabeparameter zu erhalten Regelmäßige Analysemethode:

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

Einführung in andere Parameter:

//Legen Sie den vom Objekt angegebenen Dateinamen oder Pfad fest oder rufen Sie ihn ab.

alert(window.location.pathname);

//Legen Sie die gesamte URL als Zeichenfolge fest oder erhalten Sie sie.

alert(window.location.href);

//Legen Sie die mit der URL verknüpfte Portnummer fest oder rufen Sie sie ab.

alert(window.location.port);

//Legen Sie den Protokollteil der URL fest oder rufen Sie ihn ab.

alert(window.location.protocol);

//Legen Sie das Segment nach dem Nummernzeichen „#“ im href-Attribut fest oder rufen Sie es ab.

alert(window.location.hash);

//Festlegen oder Abrufen des Hostnamens und der Portnummer des Standorts oder der URL.

alert(window.location.host);

//Setze oder erhalte den Teil, der auf das Fragezeichen im href-Attribut folgt.

alert(window.location.search);

Der obige Inhalt führt JS ein, um die Parameterwerte in der URL basierend auf dem Schlüsselwert zu erhalten und die URL-Parameter in JSON-Objekte umzuwandeln. JS erhält die URL-Übertragungsparameter auf zwei Arten, Code

Es ist sehr einfach und ich hoffe, es hilft allen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn