URL-Variablen abrufen

kidi

# 27. Oktober 2009

Requests = {
QueryString : function(item){
var svalue = location.search.match(new RegExp(“[\?\&]” + item + “=([^\&]*)(\&?)”,”i”));
return svalue ? svalue[1] : svalue;
}
}

//Verwendung
Requests.QueryString(“id”);

Antworten

badcrocodile

Permalink zum Kommentar# 12. September 2014

Tolles Snippet, aber bitte ändern Sie die geschwungenen Anführungszeichen in diesem in doppelte Anführungszeichen.
Dave Land

Permalink zum Kommentar# 4. März 2017

Tolles, prägnantes Snippet. Es hat dort funktioniert, wo ich es eingesetzt habe. Angesichts der Unwägbarkeiten von Daten im Web wird es zweifellos einige Grenzfälle geben, bei denen es fehlschlägt, aber bisher ist dieser 7½ Jahre alte Goldklumpen immer noch gut für uns!

sghakgun

# 20. Februar 2010

nett! Danke.

Antworten

Jack

# 20. Februar 2010

Großartige Arbeit, das ist ein wirklich schönes Stück Code! Wie immer, weiter so!

Antworten

JLesuperb

Permalink zum Kommentar# 1. April 2015

Du hast Recht

Rene Merino

# 20. Februar 2010

Nett, sehr hilfreich, danke!!

Antworten

Sergei Filippov

# 21. Februar 2010

Danke Chris, absolut nützliches Skript. Ich werde das heute noch verwenden :D

Antworten

anup

# 23. September 2011

Schön!!!!!!!

Antworten

Uzair

# 1. Februar 2012

Kann ich die .html-Erweiterung von meiner Website mit Windows-Hosting entfernen?

Ich weiß nicht, ob der Server Isapi_rewrite installiert hat.

Grüße

Antworten

rully

# 7. Mai 2012

Ich denke, diese Zeile = return (false) würde einen Fehler verursachen, wenn Ihre URL mehr als eine Variable enthält. false kann eine Schleife unterbrechen und nur die erste Variable in Ihrer URL zurückgeben.

Ich denke, diese Zeile sollte entfernt werden.

Grüße,

Hinweis: Entschuldigen Sie mich, wenn ich falsch liege :)

Antworten

Patrick McDougle

Permalink zum Kommentar# 6. November 2012

Ich glaube, Sie lesen die Klammern falsch. Nachdem die for-Schleife alle vars (Namens-Wert-Paare) durchsucht und variable nicht gefunden hat, gibt diese Funktion false zurück.

Neil

# 19. Juni 2012

Großartig! Vielen Dank!

Antworten

elhoussaine

# 27. Juli 2012

Hallo meine Freunde, entschuldigen Sie, wenn ich Englisch spreche, aber ich kann mich nicht auf Französisch ausdrücken, also
Ich habe das hier in einem Skript gefunden, das ich erstellt habe
page.html?nom=28/09/1986&from=hossa&too=hisok
und ich möchte den Namen der Variablen nom, from und too abrufen
Ich habe viele Skripte ausprobiert, aber sie funktionieren bei mir nicht.
Bitte sagen Sie mir, wie ich das in JavaScript mache
Vielen Dank

Antworten

Patrick McDougle

Permalink zum Kommentar# 6. November 2012

Ich glaube, das ist, worum es in diesem Beitrag geht.

Rufen Sie einfach die oben definierte Funktion auf.

getQueryVariable("nom"); – würde „28/09/1986“ zurückgeben.
getQueryVariable("from"); – würde „hossa“ zurückgeben.
getQueryVariable("too"); – würde „hisok“ zurückgeben.

Thomas Welton

# 18. Dezember 2012

Ich wollte das in CoffeeScript verwenden, wenn Sie das kopieren und einfügen möchten, hat es für mich funktioniert
getQueryVariable = (variable) -> query = window.location.search.substring(1)


for el in query.split "&"
            pair = el.split "="
    return pair[1] if pair[0] is variable

return false

Tabs sind komplett durcheinander.

Antworten

Robert Galindo

# 24. Februar 2014

Habe eine weitere if-Anweisung hinzugefügt, um nach Leerzeichen „%20“ in den Parametern zu suchen.

function getQueryVariable(variable) {
var query = window.location.search.substring(1)
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=")
    if(pair[0] == variable){
        if(pair[1].indexOf('%20')){
            var fullName = pair[1].split('%20')
            return fullName[0] + ' ' + fullName[1]
        }
        else {
            return pair[1];
        }
    }
}
return(false)

}

Antworten

Robert Galindo

# 24. Februar 2014

Ups, ich habe ‘!= -1‘ vergessen. Entschuldigen Sie das. Hier ist der korrekte Code.

function getQueryVariable(variable) {
var query = window.location.search.substring(1)
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=")
    if(pair[0] == variable){
        if(pair[1].indexOf('%20') != -1){
            console.log(pair[1].indexOf('%20'))
            var fullName = pair[1].split('%20')
            console.log(fullName)
            return fullName[0] + ' ' + fullName[1]
        }
        else {
            return pair[1];
        }
    }
}
return(false)

}

Kat

# 25. Februar 2014

Hat jemand einen Link zu einem tatsächlichen Live-Formular, in dem so etwas implementiert wurde und das ich mir als Beispiel ansehen könnte? Entschuldigung, ich bin kein sehr erfahrener JavaScript-Entwickler und habe große Schwierigkeiten, dies einzurichten. Ich glaube, ich mache etwas grundlegend falsch, aber ich kann nicht herausfinden, was.

Antworten

Robert Galindo

Permalink zum Kommentar# 26. Februar 2014

Hallo Kat. Ich habe einen Codepen mit dem obigen Code erstellt.

http://codepen.io/anon/pen/ympzk?fname=kat

Relfor

# 2. März 2014

Hallo Chris,
Die Parameter URL-dekodieren wäre notwendig, wenn ich mich nicht irre.
Schauen Sie sich diese Lösung hier an: http://stackoverflow.com/a/901144

Antworten

Howie

# 10. März 2014

Ich übergebe eine Abfrage über die URL (http://www.mywebsite.com/appointment-map.aspx?search=33612) und möchte dieses Abfrageobjekt im Folgenden (urlsearch) verwenden und es scheint nicht zu funktionieren.

Antworten

kosmos

# 20. März 2014

Zusätzlich zu Roberts Galindos Code

function QueryString(variable){
            try{
                q = location.search.substring(1);
                v = q.split("&");
                for( var i = 0; i < v.length; i++ ){
                    p = v[i].split("=");
                    if( p[0] == variable ){
                        if( p[1].indexOf('%20') != -1 ){
                            n = [];
                            for( var j = 0; j < p[1].split('%20').length; j++ ){
                                n.push(p[1].split('%20')[j]);
                            }
                            str = "";
                            for( var k = 0; k < n.length; k++ ){
                                str += n[k] + ' ';
                            }
                            return str.trim();
                        }
                        else{
                            return p[1];
                        }
                    }
                }
            }
            catch (e){
                console.log(e);
            }
        }

Jetzt können wir weitere Daten nach dem ersten %20 abrufen, ich meine alle Daten mit Leerzeichen, wie uri.html?data=more%20than%20one%20space

Ich habe diese Informationen bei stackoverflow.com über Geschwindigkeiten von "split" und "regex" gefunden.

Split method: 144,780 ±2.17% fastest
Regex method: 13,891 ±0.85% | 90% slower

Mit freundlichen Grüßen.

Antworten

kosmos

# 20. März 2014

Außerdem, wie Relfor sagte, müssen wir mit decodeUriComponent keine Leerzeichen (%20) oder andere Symbole (wie Akzente) suchen. Weniger Codezeilen, bessere Ergebnisse.

function QueryString(variable){
        try{
            q = location.search.substring(1);
            v = q.split("&");
            for( var i = 0; i < v.length; i++ ){
                p = v[i].split("=");
                if( p[0] == variable ){
                    if( p[1].indexOf('%20') != -1 ){
                        return decodeURIComponent(p[1]);
                    }
                    else{
                        return p[1];
                    }
                }
            }
        }
        catch (e){
            console.log(e);
        }
    }

Mit freundlichen Grüßen.

Antworten

Uhelliton Andrade

# 16. Juli 2014

Funktioniert gut! Gott segne dich, mein Freund.

Antworten

Thiago Romão Barcala

# 13. August 2014

Ein funktionaler Ansatz (:P)

function QueryString(variable) {
    return location.search.substring(1).split("&")
        .map(function (p) { return p.split("=") })
        .filter(function (p) { return p[0] == variable })
        .map(function (p) { return decodeURIComponent(p[1]) })
        .pop();
}

Antworten

Ludovic Urbain

# 26. September 2014

Noch besser, erledigen Sie die Arbeit nicht einmal für jeden Query-String-Parameter.

function read_query_string(){
    var a=window.location.search.split(/\?/);
    var b=a[1].split("&");
    var c={};
    for(var i=0;i<b.length;i++){
        var d=b[i].split("=");
        c[d[0]]=d[1];
    }
    return c;
}

Antworten

setiawan

# 4. Januar 2015

Wie wäre es, diese Funktion mit if/else zu kombinieren?

Beispiel
Sie haben diese URL www.domain.com?id=1234&img=test.jpg

Bedingung
Wenn id=xxxx, dann mache blablabla, sonst anderes.

Welches Skript kann ich verwenden, um diese Bedingung zu deklarieren?
Bitte helfen Sie. Danke...

Antworten

jayapoorni

# 23. Januar 2015

Ich brauche IHRE Hilfe, um die letzten 3 Zeichen in der URL zu überprüfen.
BEISPIEL
http://www.google.com
muss die letzten 3 Zeichen prüfen, die mit einem Punkt (.) beginnen.
BEISPIEL
http://www.domainname.xxx
Wenn die letzten 3 Zeichen falsch sind, sollte es zu einer Alarmmeldung-Seite weitergeleitet werden. Bitte helfen Sie mir.

Antworten

sadashiv

# 3. Februar 2015

Kann mir jemand bitte erklären, wie ich eine URL mit jQuery umschreiben kann?
Beschreibung

Ich möchte die URL umschreiben, indem ich den Ordnerpfad daraus entferne.
Derzeit verwende ich ASP.NET Routing, was ein kostspieliger Prozess ist, daher wäre es eine große Hilfe, wenn mir jemand eine Lösung dafür geben könnte.

Beispiel: products/cloths/jeans.aspx muss zu jeans.aspx umgeschrieben werden.

Vielen Dank im Voraus.

Antworten

Richard

# 1. Mai 2015

Habe den Originalcode implementiert und er gibt den Wert der URL-Variable zurück, wenn die Variable existiert, andernfalls gibt er false zurück. Das false, das zurückgegeben wird, wenn die Variable nicht existiert, ist kein String-Wert, sondern ich nehme an, ein JavaScript-Boolean? Meine Frage ist, wie kann ich auf die Rückgabe von false prüfen und dann eine Aktion ausführen? Ich möchte überprüfen, ob eine Auswahl getroffen wurde, die einen Wert im Query-String übergibt, und wenn nicht, dem Benutzer eine Nachricht geben. Danke für jede Hilfe.

Antworten

Max

# 20. Juli 2015

Hallo Leute! Tolles Stück Code! Könnt ihr mir sagen, wie ich die aktuelle Tab-URL erhalte, wenn ich diesen Code auf einer Hintergrundseite ausführe? Habt ihr eine Idee, wenn ich diesen Code über das Kontextmenü aufrufen möchte?

Antworten

redcom

# 8. September 2015

Sie können ein Array von Elementen abrufen, die die Query-Parameter darstellen, mit

array = location.search.match(/\w+(.=)?\w*/gi)

Sie können etwas Ähnliches abrufen und es sehr einfach einem Objekt zuordnen.
[“app_id”, “123”, “appcode”, “123”]

Antworten

Ben

# 13. Oktober 2015

Das ist vielleicht eine dumme Frage, aber mir fällt die Zeile return (false) auf.

Wie unterscheidet sich das vom üblicheren return false (ohne Klammern)?

Antworten

joe

# 28. Oktober 2015

Guter Code, aber er funktioniert nicht, wenn man nach dem ersten Element sucht.

Aufruf getQueryVariable(“id”) – sollte „1“ zurückgeben. Aber das tut er nicht.

Antworten

joe

Permalink zum Kommentar# 28. Oktober 2015

Ich sollte das klarstellen. Ich habe die Funktion modifiziert, um einen URL-String zu übergeben.
function getQueryVariable(url, variable) { var query = url; var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); }

Maxime

# 7. April 2016

Danke!!

Antworten

Shubham Kumar

# 8. Mai 2016

Hier ist ein einfacher Regex-Code, den ich verwende.

function getQuery(name){
   if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search))
        return decodeURIComponent(name[1]);
}

var id = getQuery("id");

Quelle: http://mycodingtricks.com/snippets/javascript/get-url-and-url-parts-in-javascript/

Antworten

Hlawu M

# 24. August 2016

Großartige Arbeit! Aber was ist, wenn ich einen Query-String wie in der folgenden URL habe?

URL-Variablen abrufen

Dies sendet „John“ anstelle des erwarteten „John & James“ .... Nur ein Gedanke.

Antworten

Bryan

Permalink zum Kommentar# 20. Mai 2018

Wenn Ihr Wert ein „&“ enthält, dann haben Sie einen fehlerhaften Wert. Sie müssen sie URL-codieren. In einer URL-Abfrage bedeutet „&“ den Beginn des nächsten Var.

Omur

# 31. Oktober 2016

Danke für Ihren hilfreichen Beitrag (

Antworten

Kovin

# 1. Februar 2017

Was, wenn ich einen Standardwert zurückgeben möchte?

Zum Beispiel:
http://www.example.com/index.php?id=1&image=awesome.jpg
Aufruf getQueryVariable(“id”) – würde „1“ zurückgeben.
Aufruf getQueryVariable(“image”) – würde „awesome.jpg“ zurückgeben.

Was wäre, wenn
http://www.example.com/index.php
Ich möchte immer noch den Wert „id“ = „vordefinierter Wert“ zurückgeben.

Antworten

Amber

# 26. April 2017

Hallo,

Könnte mir jemand genau zeigen, wie ich das in HTML anwenden kann? Ich habe fast keine Erfahrung mit JS. Ich habe Dutzende von Iterationen ausprobiert und viele Websites durchsucht, und ich bin am Ende meiner Kräfte.

Mein Query-String am Ende der URL ist ?foo=jim. Ich habe die JS-Funktion im Head des Dokuments.

Ich benötige, dass 'jim' als Wert in ein verstecktes Eingabefeld eingefügt wird. Unten ist eine der vielen Iterationen, die ich versucht habe, um das zum Laufen zu bringen.

<input type="hidden" name="application-id" value=" getQueryVariable('foo')" />.

Kann mir jemand genau sagen, wo ich hier falsch liege?

Vielen Dank,

Amber

Antworten

Jared

# 11. August 2017

Hallo Amber,
Ich habe dasselbe Problem wie Sie in diesem Beitrag erwähnt haben, und ich frage mich, ob Sie bereits eine Lösung gefunden haben?

Antworten

Liberator

# 23. September 2017

@joe – Ändern Sie einfach Ihre Zeile

var query = url; </div>
zu

var query = url.split('?')[1];

Dies trennt den Query-Teil der URL ab.

Antworten

Naits

# 25. Juni 2018

Großartig.

Ich hatte bereits eine YouTube-URL und benötigte nur die Video-ID.
Ich habe diese sehr schöne Lösung gefunden.

Erstellen Sie einen Link, setzen Sie href und jetzt können Sie auch 'location.search' verwenden.
Also habe ich das der obigen Funktion hinzugefügt.

var link = document.createElement("a");
link.href = YOURURL;
var query = link.search.substring(1);

Dies sollte auch in älteren Browsern funktionieren. Nicht von mir getestet, sollte aber bis IE 5.5 funktionieren.

Antworten

Neil

# 30. Juli 2018

Diese Technik gibt nur „false“ zurück, wenn sie genau wie beschrieben eingerichtet ist.

Link-Einrichtung: /test.html?id=1&image=awesome.jpg

function getQueryVariable(id)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == id){return pair[1];}
       }
       return(false);
}
        alert(getQueryVariable());

Antworten

Marina Miller

# 28. August 2019

Vielen Dank! Das ist großartig.

Antworten

NostraDavid

# 25. Juni 2020

Das habe ich von MDN: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

(new URLSearchParams(window.location.search)).get('myParam');

Antworten

David Spector

# 26. Juni 2021

window.location ist für Argumente in Tags nicht gesetzt.

Nehmen wir an, Sie müssen nur Argumente ohne Namen übergeben, wie bei Funktionsaufrufen.

In HTML

<script src="abc.js" data-args="a,b"></script>

Dann, in JavaScript

const args=document.currentScript.dataset.args.split(',');

Jetzt enthält args das Array [‘a’,’b’], unter der Annahme synchroner Skriptaufrufe.

Antworten

S3C_MM

# 3. Januar 2022

const urlParams = (param = null) => {
    const params = Object.fromEntries(
        (new URLSearchParams(window.location.search)).entries()
    )
    if (param !== null)
        return params[param] ?? null
    return params
}

Verwendung

URL = https://css-tricks.de/snippets/javascript/get-url-variables/?a=b&c=&d

urlParams() // {a: ‘b’, c: ”, d: ”}
urlParams(‘a’) // ‘b’
urlParams(‘b’) // null
urlParams(‘c’) // ”
urlParams(‘d’) // ”

Antworten

S3C_MM

# 3. Januar 2022

const urlParams = (param = null) => {
    const params = new URLSearchParams(window.location.search)
    return param !== null
        ? params.get(param)
        : Object.fromEntries(params.entries())
}

Habe darüber nachgedacht und festgestellt, dass dies prägnanter ist und das gleiche Ergebnis erzielt.

Verwendung

Kommentare

Antwort hinterlassen Antwort abbrechen