RegEx pour extraire des paramètres à partir de l'url de hachage en JavaScript

Mon url ressemblera à:

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

Je voudrais obtenir le paramètre locale ou une chaîne vide si elle n'est pas définie.

Je suis en train d'essayer quelque chose comme:

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

Mais mon problème est que je n'arrivais pas à trouver le bon RegExp qui fonctionne pour tous les cas (à la fois quand il y a locale= dans la table de hachage et quand il n'y en a pas)

InformationsquelleAutor Gavriel | 2012-05-16
  1. 16

    Voici un morceau de code qui va extraire à partir de la table de hachage et de l'éviter n'importe où ailleurs dans l'URL:

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

    Et, vous pouvez voir le travail sur tous vos cas de test ici: http://jsfiddle.net/jfriend00/p37Mx/

    Si vous voulez être capable de regarder pour tout parm dans la table de hachage, vous pouvez utiliser cette:

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

    Voir les travaux ici: http://jsfiddle.net/jfriend00/6kgUk/

    Plus générique de la fonction qui va récupérer tous les paramètres dans l'URL ressemblera à ceci. Pour normale Url où le hachage est après la requête et les paramètres sont dans la chaîne de requête, il devrait ressembler à ceci. C'est un peu plus de code car il n'est plus. Il récupère tous les paramètres dans un objet où vous pouvez chercher n'importe quel paramètre par il est la clé et c'URL décode tous trop:

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

    Pour une version spéciale qui gère des paramètres à une valeur de hachage et après ? dans la valeur de hachage comme dans le cas des OP question (qui n'est pas le cas typique), on peut utiliser ceci:

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

    De travail de démonstration: http://jsfiddle.net/jfriend00/v8cd5/

    Et, alors si vous voulais l'option locale, vous devriez juste faire ceci:

    var parms = getParmsFromURL(url);
var locale = parms["locale"];
    • Je l'aime, parce qu'il est facilement réutilisable, en passant le paramètre je suis à la recherche de la fonction 🙂
    • J'ai ajouté plus de la fonction générique qui permet de col n'est pas seulement l'URL, mais aussi le paramètre que vous recherchez dans cela.
    • merci, je l'ai déjà fait seul 🙂 reviens tout Juste de le poster, mais il est identique à votre 2ème fonction.
    • Il serait mieux si vous avez écrit une fonction qui prend un élément de séparation,l'url,le param comme paramètre
    • Je ne suis pas sûr de ce que tu veux dire. La deuxième version du code qui permet de spécifier le paramètre qui vous intéresse. J'ai aussi ajouté une référence à un plus puissant pour analyser les URL de l'objet qui fait beaucoup plus.
    • Lorsque vous essayez d'obtenir y paramètre à partir de ce lien http://example.com/whatever?x=1&locale=hu&y=2 il renvoie la chaîne vide. (quand il n'y a pas de signe #dans le lien), je pense donc qu'il serait plus général, si vous obtenez '#' comme paramètre
    • OK, je vois votre point de vue. Cette réponse était destinée exclusivement à l'analyse des paramètres de la valeur de hachage. Oui, il pourrait être plus à usage général pour régulièrement les paramètres de requête trop.
    • pour que l'url que j'ai changé le RegExp("#.*[?&]" + parm + "=([^&]+)(&|$)"); à RegExp(".*[?&]" + parm + "=([^&]+)(&|$)"); il fonctionne, mais je ne sais pas si c'est correct ou pas. pouvez-vous confirmer?
    • J'ai ajouté deux versions plus générique code d'analyser tous les paramètres soit à la normale de la chaîne de requête ou d'un hachage de la requête.

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

    Fera l'affaire. Je ne pense pas que le .* sont nécessaires, parce que vous ne spécifiez pas un début ou une fin de la chaîne.
    J'ai testé cette expression régulière sur l'ensemble de vos exemples et ils ont tous travaillé correctement 🙂

    Edit: désolé, il n'était pas valide dans certains cas. C'est maintenant correct dans tous les cas.

    InformationsquelleAutor soimon
  3. 0

    Si vous voulez vraiment faire dans une regex:

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

    Il fonctionne sur tous vos exemples, bien que j'imagine que c'est horriblement inefficace.

    InformationsquelleAutor twamley