javascript - 使用 JavaScript 正则表达式解析查询字符串

Question

目标是解析嵌入在 URL 哈希部分的参数。 StackOverflow 社区的某人提供了以下代码作为对类似问题的答复。社区选择此代码作为合适的答案，因此将其集成到我自己的代码中，如下所示:

Utils.parseQueryStringArgs=function(queryString){
    var result = {}, queryString = queryString.substring(1),
        re = /([^&=]+)=([^&]*)/g, m;

    while (m = re.exec(queryString)) {
            result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
    }

    return result;
}

对正则表达式的了解为零，上面的“re”变量对我来说毫无意义，但代码的结构却很有意义。它完美无缺地工作，直到被以下表达式窒息:

friendlySeriesName=Test%3A%20Fund.Feeder%20[class%20A]%20%26gt%3B%26gt%3B%20Morgan%2C%20Harry%20%40%201

预期的行为是解析出属性名称“friendlySeriesName”和属性值“Test Fund.Feeder [class A] >> Morgan, Harry @ 1”。然而，正在发生的是对属性名称的正确解析和“测试:Fund.Feeder [class A]”的解析值。大于号 (">>") 之外的所有内容都将被此解析函数删除。

问题:你能否修改变量“re”的值，使上面的函数在提供的示例表达式上正常工作，或者提供一种万无一失的方法来从散列中解析出键值对编码的 url 字符串？

Answer 1

问题不在于 JavaScript 代码。问题在于查询字符串中提供的值。

某处的一些代码正在编码 >作为> 首先(即作为 HTML 字符实体)，然后 URI 转义符号和分号，留下 %26gt%3b .呸!

FWIW，一个快速的“技巧”是首先转换 %26gt%3b至 %3e (或 > ):

// original stuff
var result = {}, queryString = queryString.substring(1),
    re = /([^&=]+)=([^&]*)/g, m;
// hack
queryString = queryString.replace(/%26gt%3b/g, "%3e");
// rest as normal

对于其他有问题的初始编码(例如 < 为 < 和 & 为 & )也可能需要这样做。