javascript获取url参数的方法

多轻多软的雪花啊,在空中飘舞着,追逐着,像—朵朵精巧的白菊。暗黄色的天际中像燃着一团百年都没有澌灭的野火,它肆无忌惮的吞噬着天间彩云,仿佛地狱使者受到差遣,来破坏天际的和谐。

JS获取网址中的get参数是非常简单的,下面就来详细的说一下。

JS获取url中参数的方法

方法1:

//网址 http://feiniaomy.com/p.php?id=1&age=18&name=mochu
var query = window.location.search.substring(1);
var vars = query.split("&");
console.log(vars);

打印结果:

'id=1', 'age=18', 'name=mochu'

方法2:

参考方法1的方法,我们可以自定义一个获取url参数的函数,直接调用即可。

js代码:

//示例网址 http://feiniaomy.com/p.php?id=1&age=18&name=mochu
function getQueryVariable(str)
{
    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(pair[0] == str){
            return pair[1];
        }
    }
    return false;
}

函数使用

console.log(getQueryVariable('name')); // mochu
console.log(getQueryVariable('age')); // 18

本文javascript获取url参数的方法到此结束。用平常心来生活,用惭愧心来待人。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法