Question

是否有一个jquery的扩展来从一组参数中获取：

categories[]=Shop+Mac&categories[]=Software&price_max=2799&price_min=24&sort=&page=1

JSON对象，如：

{
   'categories':   ["Shop Mac", "Software"],
   'price_max':    "2799",
   'price_min':    "24",
   'page':         '1'
}

...

Answer 1

我在this answer中写了一个函数给类似的问题，它可以帮到你。我投票决定关闭这个作为该问题的副本，但现在我看到这个有额外的要求。当我写下这个答案时，我制作了一个版本来处理数组样式的URL参数：

(function () {
    var e,
        d = function (s) { return decodeURIComponent(s).replace(/\+/g, " "); },
        q = window.location.search.substring(1),
        r = /([^&=]+)=?([^&]*)/g;

    while (e = r.exec(q)) {
        if (e[1].indexOf("[") == "-1")
            urlParams[d(e[1])] = d(e[2]);
        else {
            var b1 = e[1].indexOf("["),
                aN = e[1].slice(b1+1, e[1].indexOf("]", b1)),
                pN = d(e[1].slice(0, b1));

            if (typeof urlParams[pN] != "object")
                urlParams[d(pN)] = {},
                urlParams[d(pN)].length = 0;

            if (aN)
                urlParams[d(pN)][d(aN)] = d(e[2]);
            else
                Array.prototype.push.call(urlParams[d(pN)], d(e[2]));

        }
    }
})();

您可以在此处查看有效的演示：http://jsbin.com/adali3/2

示例查询字符串：

test=Hello&person[]=jeff&person[]=jim&person[extra]=john&nocache=1290122355841

结果：

{
    "test": "Hello",
    "person": {
        "0": "jeff",
        "1": "jim",
        "length": 2,
        "extra": "john"
    },
    "nocache": "1290100673882"
}

Answer 2

我有一个简单的解决方案：

// Get args from somewhere
var args = 'categories[]=Shop+Mac&categories[]=Software&price_max=2799&price_min=24&sort=&page=1';

// Set up final object
var output = {}

// Split on & to get groups of key-value pairs
args = args.split('&');

for (i = 0; i < args.length; i++) {

    // Split on = to get separate key from value 
    args[i] = args[i].split('=');

    // Remove square brackets from the key if they exist
    if (/\[\]$/.test(args[i][0])) {
        key = args[i][0].substring(0,(args[i][0].length) - 2);
    } else {
        key = args[i][0]
    }

    // If we haven't visited this key before then set it to a empty array
    if (output[key] === undefined) {
        output[key] = [];
    }

    // Push the value in to the array and remove + symbols whilst we're at it
    output[key].push(args[i][1].replace('+', ' '));

}

如果你正在使用Firefox，你可以：

// You can now use output
console.debug(output);

你会得到：

categories: ["Shop Mac", "Software"]
page: ["1"] 
price_max: ["2799"]
price_min: ["24"]
sort: [""]

jQuery从URL中的hash读取params并存储在object中

2 个答案: