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>