RegEx从JavaScript中的url哈希中提取参数

Question

我的网址看起来像:

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

如果没有设置,我想获取locale参数或空字符串.

我正在尝试这样的事情:

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

但我的问题是我找不到适用于所有情况的正确的RegExp(当哈希中的locale =和没有时)

Answer 1

这是一段代码,它将从哈希中提取它并避免在URL中的任何其他位置:

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

并且,您可以在此处看到它适用于您的所有测试用例:http://jsfiddle.net/jfriend00/p37Mx/

如果您希望能够在哈希中查找任何parm,您可以使用:

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

看到它在这里工作:http://jsfiddle.net/jfriend00/6kgUk/

一个更通用的函数将获取URL中的所有参数,如下所示.对于哈希在查询之后且参数在查询字符串中的普通URL,它看起来像这样.这是更多的代码,因为它做得更多.它将所有参数提取到一个对象中,您可以通过它的键查找任何参数,并且URL也对它们进行解码:

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

对于处理哈希值中的参数以及之后的特殊版本？在OP的问题(这不是典型的情况)中的哈希值中,可以使用:

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

工作演示:http://jsfiddle.net/jfriend00/v8cd5/

然后,如果你想要本地选项,你只需要这样做:

var parms = getParmsFromURL(url);
var locale = parms["locale"];