Heim > Web-Frontend > js-Tutorial > 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
Freigeben: 2016-05-16 15:42:39
Original
1444 Leute haben es durchsucht

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;
 }
Nach dem Login kopieren

// 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;
 }
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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"));
Nach dem Login kopieren

Einführung in andere Parameter:

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

alert(window.location.pathname);
Nach dem Login kopieren

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

alert(window.location.href);
Nach dem Login kopieren

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

alert(window.location.port);
Nach dem Login kopieren

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

alert(window.location.protocol);
Nach dem Login kopieren

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

alert(window.location.hash);
Nach dem Login kopieren

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

alert(window.location.host);
Nach dem Login kopieren

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

alert(window.location.search);
Nach dem Login kopieren
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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage