首页 / 脚本样式 / JavaScript / Js+Jq获取URL参数的集中方法示例代码

JQ取值方法：

jquery本身也不存在取得URL参数的方法，但是已经存在插件，可以直接取得URL等参数
插件连接主页：https://github.com/allmarkedup/jQuery-URL-Parser
下载链接：http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

Examples of use
Using the current page"s url （for these examples https://mysite.com/information/about/index.html？itemID=2&user=dave）:

// get the protocol
jQuery.url.attr（"protocol"） // returns "http"

// get the path
jQuery.url.attr（"path"） // returns "/information/about/index.html"


// get the host
jQuery.url.attr（"host"） // returns "mysite.com"

// get the value for the itemID query parameter
jQuery.url.param（"itemID"） // returns 2

// get the second segment from the url path
jQuery.url.segment（2） // returns "about"
Using a different url to the current page:

// set a different URL and return the anchor string
jQuery.url.setUrl（"http://allmarkedup.com/category/javascript/#footer"）.attr（"anchor"） // returns "footer"

JS原生获取：

最原始的JS方法：
复制代码 代码如下:
var URLParams = new Array（）;
var aParams = document.location.search.substr（1）.split（"&"）;
for （i=0; i < aParams.length ; i++）{
var aParam = aParams[i].split（"="）;
URLParams[aParam[0]] = aParam[1];
}

这样调用：

http://127.0.0.1/index.php？name=name1&cid=123
//取得传过来的name参数
name=URLParams["name"];

document.write（name）;
//取得传过来的cid

cid=URLParams["cid"];

正则分析法：

方法一：
复制代码 代码如下:
function getQueryString（name） {
var reg = new RegExp（"（^|&）" + name + "=（[^&]*）（&|$）", "i"）;
var r = window.location.search.substr（1）.match（reg）;
if （r ！= null） return unescape（r[2]）; return null;
}


这样调用：
复制代码 代码如下:
alert（GetQueryString（"参数名1"））;

alert（GetQueryString（"参数名2"））;

alert（GetQueryString（"参数名3"））;

方法二：
复制代码 代码如下:
<span style="font-size: 16px;"><Script language="javascript">
function GetRequest（） {
var url = location.search; //获取url中"？"符后的字串
var theRequest = new Object（）;
if （url.indexOf（"？"） ！= -1） {
var str = url.substr（1）;
strs = str.split（"&"）;
for（var i = 0; i < strs.length; i ++） {
theRequest[strs[i].split（"="）[0]]=unescape（strs[i].split（"="）[1]）;
}
}
return theRequest;
}
</Script>

这样调用：
复制代码 代码如下:
<Script language="javascript">
var Request = new Object（）;
Request = GetRequest（）;
var 参数1,参数2,参数3,参数N;
参数1 = Request["参数1"];
参数2 = Request["参数2"];
参数3 = Request["参数3"];
参数N = Request["参数N"];
</Script>