用JavaScript解析查询字符串

我需要解析查询字符串www.mysite.com/default.aspx?dest=aboutus.aspx。如何在JavaScript中获得dest变量?

当前回答

我想要一个简单的函数，它接受URL作为输入，并返回查询参数的映射。如果我要改进这个函数，我将支持URL中数组数据的标准，和或嵌套变量。

这应该可以用于jQuery。参数(qparams)函数。

function getQueryParams(url){
    var qparams = {},
        parts = (url||'').split('?'),
        qparts, qpart,
        i=0;

    if(parts.length <= 1 ){
        return qparams;
    }else{
        qparts = parts[1].split('&');
        for(i in qparts){

            qpart = qparts[i].split('=');
            qparams[decodeURIComponent(qpart[0])] = 
                           decodeURIComponent(qpart[1] || '');
        }
    }

    return qparams;
};

2012-12-21 04:49:48

其他回答

下面是一个快速简单的JavaScript查询字符串解析方法:

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', variable);
}

现在向page.html发起请求?x =你好:

console.log(getQueryVariable('x'));

2010-01-19 05:34:51

下面是我的版本，基于上面Braceyard的版本，但解析为“字典”，并支持没有“=”的搜索参数。在JQuery $(document).ready()函数中使用它。参数以键/值对的形式存储在argsParsed中，你可能想保存在某个地方…

'use strict';

function parseQuery(search) {

    var args = search.substring(1).split('&');

    var argsParsed = {};

    var i, arg, kvp, key, value;

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

        arg = args[i];

        if (-1 === arg.indexOf('=')) {

            argsParsed[decodeURIComponent(arg).trim()] = true;
        }
        else {

            kvp = arg.split('=');

            key = decodeURIComponent(kvp[0]).trim();

            value = decodeURIComponent(kvp[1]).trim();

            argsParsed[key] = value;
        }
    }

    return argsParsed;
}

parseQuery(document.location.search);

2011-10-19 19:12:30

以下是我对@bobby发布的答案的评论，这是我将使用的代码:

    function parseQuery(str)
        {
        if(typeof str != "string" || str.length == 0) return {};
        var s = str.split("&");
        var s_length = s.length;
        var bit, query = {}, first, second;
        for(var i = 0; i < s_length; i++)
            {
            bit = s[i].split("=");
            first = decodeURIComponent(bit[0]);
            if(first.length == 0) continue;
            second = decodeURIComponent(bit[1]);
            if(typeof query[first] == "undefined") query[first] = second;
            else if(query[first] instanceof Array) query[first].push(second);
            else query[first] = [query[first], second]; 
            }
        return query;
        }

这段代码接受所提供的查询字符串(作为'str')并返回一个对象。字符串在所有&出现的情况下都被拆分，从而生成一个数组。然后遍历数组，其中的每一项都用“=”分隔。这将导致子数组，其中第0个元素是参数，第1个元素是值(如果no =符号则为undefined)。它们被映射到对象属性，例如字符串"hello=1&another=2&something"被转换为:

{
hello: "1",
another: "2",
something: undefined
}

此外，这段代码注意到重复出现，如“hello=1&hello=2”，并将结果转换为一个数组，例如:

{
hello: ["1", "2"]
}

您还会注意到它处理不使用=符号的情况。它还忽略&符号后面是否有一个等号。

对于最初的问题有点过度，但如果你需要在javascript中使用查询字符串，这是一个可重用的解决方案:)

2012-12-15 22:03:08

我想要一个简单的函数，它接受URL作为输入，并返回查询参数的映射。如果我要改进这个函数，我将支持URL中数组数据的标准，和或嵌套变量。

这应该可以用于jQuery。参数(qparams)函数。

function getQueryParams(url){
    var qparams = {},
        parts = (url||'').split('?'),
        qparts, qpart,
        i=0;

    if(parts.length <= 1 ){
        return qparams;
    }else{
        qparts = parts[1].split('&');
        for(i in qparts){

            qpart = qparts[i].split('=');
            qparams[decodeURIComponent(qpart[0])] = 
                           decodeURIComponent(qpart[1] || '');
        }
    }

    return qparams;
};

2012-12-21 04:49:48

我想在页面上的DOM元素中获取特定的链接，将这些用户发送到计时器上的重定向页面，然后将他们传递到原始点击的URL上。这就是我如何使用常规javascript结合上面的方法之一。

带有链接的页面:头

  function replaceLinks() {   
var content = document.getElementById('mainContent');
            var nodes = content.getElementsByTagName('a');
        for (var i = 0; i < document.getElementsByTagName('a').length; i++) {
            {
                href = nodes[i].href;
                if (href.indexOf("thisurl.com") != -1) {

                    nodes[i].href="http://www.thisurl.com/redirect.aspx" + "?url=" + nodes[i];
                    nodes[i].target="_blank";

                }
            }
    }
}

Body

<body onload="replaceLinks()">

重定向页面头

   function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split('&');
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split('=');
            if (decodeURIComponent(pair[0]) == variable) {
                return decodeURIComponent(pair[1]);
            }
        }
        console.log('Query variable %s not found', variable);
    }
    function delayer(){
        window.location = getQueryVariable('url')
    }

Body

<body onload="setTimeout('delayer()', 1000)">

2012-11-21 16:50:02

用JavaScript解析查询字符串

推荐文章

最新文章

标签