使用JavaScript获取Request中参数的值方法

假设现在有一个URL，如下。
http://www.jb51.net
如何通过JS访问到id和name里面的值呢，实现我们来分析一下思路。
先获取当前页面的URL，通过window.location.href。
提取该URL？后面的部分，通过slice（）方法。
把获取到的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"）;

以上就是小编为大家带来的使用JavaScript获取Request中参数的值方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~