RegEx zum extrahieren von Parametern aus url-hash in JavaScript

Meine urls sehen so aus:

http://example.com/whatever#page?x=1&locale=hu&y=2
http://example.com/whatever#page?x=1&locale=hu
http://example.com/whatever#page?locale=hu
http://example.com/whatever#page?locale=
http://example.com/whatever#page?x=1
http://example.com/whatever#page
http://example.com/whatever

Ich würde gerne den parameter locale oder eine leere Zeichenkette, falls es nicht gesetzt.

Ich versuche so etwas wie:

locale = location.hash.replace(/.*(?:[?&]locale=([^&]*))?.*/, "$2");

Aber mein problem ist, dass ich konnte nicht finden die richtige RegExp, das funktioniert für alle Fälle (sowohl, wenn es locale= in der hash-und wenn es nicht)

InformationsquelleAutor Gavriel | 2012-05-16

  1. 15

    Hier ist ein Stück code, der Auszug aus dem hash und vermeiden Sie es nirgendwo sonst auf der URL:

    function getLocaleFromHash(url) {
    var match = url.match(/#.*[?&]locale=([^&]+)(&|$)/);
    return(match ? match[1] : "");
}

    Und Sie können sehen, es funktioniert auf alle Ihre Testfälle hier: http://jsfiddle.net/jfriend00/p37Mx/

    Wenn Sie wollen in der Lage sein, um sich für die parm in der hash-Werte, die Sie verwenden würden:

    function getParmFromHash(url, parm) {
    var re = new RegExp("#.*[?&]" + parm + "=([^&]+)(&|$)");
    var match = url.match(re);
    return(match ? match[1] : "");
}

    Sehen, es funktioniert hier: http://jsfiddle.net/jfriend00/6kgUk/

    Einer allgemeineren Funktion, die Holen alle Parameter in der URL würde wie folgt Aussehen. Für normale URLs, bei denen der Hashwert wird nach dem query und dem Parameter in der Abfrage-string, würde es so Aussehen. Das ist ein bisschen mehr code, da es nicht mehr. Es holt sich alle Parameter in einem Objekt, wo Sie alle parameter, indem es die Schlüssel und die URL decodiert, Sie alle zu:

    function getParmsFromURL(url) {
    var parms = {}, pieces, parts, i;
    var hash = url.lastIndexOf("#");
    if (hash !== -1) {
        //remove hash value
        url = url.slice(0, hash);
    }
    var question = url.lastIndexOf("?");
    if (question !== -1) {
        url = url.slice(question + 1);
        pieces = url.split("&");
        for (i = 0; i < pieces.length; i++) {
            parts = pieces[i].split("=");
            if (parts.length < 2) {
                parts.push("");
            }
            parms[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1]);
        }
    }
    return parms;
}

    Für eine spezielle version, verarbeitet die Parameter in einem hash-Wert und nach einer ? in den hash-Wert wie in den OP ' s Frage (das ist nicht der typische Fall), könnte man dieses verwenden:

    function getParmsFromURLHash(url) {
    var parms = {}, pieces, parts, i;
    var hash = url.lastIndexOf("#");
    if (hash !== -1) {
        //isolate just the hash value
        url = url.slice(hash + 1);
    }
    var question = url.indexOf("?");
    if (question !== -1) {
        url = url.slice(question + 1);
        pieces = url.split("&");
        for (i = 0; i < pieces.length; i++) {
            parts = pieces[i].split("=");
            if (parts.length < 2) {
                parts.push("");
            }
            parms[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1]);
        }
    }
    return parms;
}

    Arbeiten demo: http://jsfiddle.net/jfriend00/v8cd5/

    Und dann, wenn Sie wollten, dass die lokale option, Sie würden genau dies tun:

    var parms = getParmsFromURL(url);
var locale = parms["locale"];
    Ich mag dieses, weil es ist leicht, wiederverwendbar, indem Sie den parameter ich bin auf der Suche nach der Funktion 🙂
    Ich fügte hinzu, eine weitere generische Funktion, die Sie übergeben nicht nur die URL, sondern auch die parameter, die Sie suchen.
    danke, ich habe es schon getan, allein 🙂 kam Gerade zurück, um es zu veröffentlichen, aber es ist identisch zu deiner 2. Funktion.
    Es wäre besser, wenn Sie geschrieben haben, eine Funktion, der Seperator,url,param als parameter
    Ich fügte zwei Versionen generischer code, der analysiert alle Parameter, die entweder aus einem normalen query-string oder aus einem hash-Abfrage.

    InformationsquelleAutor jfriend00

  2. 2
    locale = location.hash.match( /[?&]locale=([^&]*)?/ );
locale = ( locale == null ? "" : locale[1] || "" );

    Wird den trick tun. Ich glaube nicht, dass die .* benötigt, weil Sie nicht geben Sie einen start oder ein Ende der Zeichenfolge.
    Getestet habe ich diese reguläre Ausdruck auf alle deine Beispiele, und Sie alle arbeiteten korrekt 🙂

    Edit: sorry, es war ungültig in einigen Fällen. Es ist jetzt richtig in allen Fällen.

    InformationsquelleAutor soimon

  3. 0

    Wenn Sie wirklich wollen, es zu tun in einem regex:

    locale = location.hash.match(/([?&]locale=|^((?![?&]locale=).)+$)([^&]*)/)[3];

    Es funktioniert gegen alle Ihre Beispiele, obwohl ich mir vorstellen, es ist schrecklich ineffizient.

    InformationsquelleAutor twamley

Schreibe einen Kommentar