管理资源吧首页>>>教程>>>编程>>>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>

教程首页 更多教程