使用JavaScript獲取Request中參數的值

　　本人很少寫博客，有不正確的地方還希望大家多多指導。

　　假設現在有一個URL，如下。

http://www.jacky.com/?id=1101&name=jacky

　　如何通過JS訪問到id和name里面的值呢，實現我們來分析一下思路。

1. 先獲取當前頁面的URL，通過window.location.href。
2. 提取該URL？后面的部分，通過slice()方法。
3. 把獲取到的Request對象分割成字符串數組，通過split() 方法。

　　接下來看代碼。

function getUrlVars() {
    var vars = [],
        hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

　　接下來就是獲取指定參數的值了，代碼如下。

var id = getUrlVars()["id"];  
var name = getUrlVars()["name"]; 

　　最后，我們再看看jQuery的寫法。

$.extend({
    getUrlVars: function() {
        var vars = [],
            hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    },
    getUrlVar: function(name) {
        return $.getUrlVars()[name];
    }
});
var id = $.getUrlVar('id');
var name = $.getUrlVar('name');