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
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中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -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>
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);
Es ist sehr einfach und ich hoffe, es hilft allen.