jQuery 获取Url参数

/*--获取网页传递的参数--*/

创新互联建站提供高防服务器、云服务器、香港服务器、西云机房等

function request(paras)

{

var url = location.href;

var paraString = url.substring(url.indexOf("?")+1,url.length).split("");

var paraObj = {}

for (i=0; j=paraString[i]; i++){

paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);

}

var returnValue = paraObj[paras.toLowerCase()];

if(typeof(returnValue)=="undefined"){

return "";

}else{

return returnValue;

}

}

调用这个 request就可以了，这里可以调用request("ID")

jquery 获取url 参数

1.通过FUNCTION的方式

jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情，首先看看单纯的通过javascript是如何来获取url中的某个参数。

function getUrlParam(name) {

//构造一个含有目标参数的正则表达式对象

var reg = new RegExp("(^|)" name "=([^]*)(|$)");

//匹配目标参数

var r = window.location.search.substr(1).match(reg);

if (r != null) {

return unescape(r[2]);

} else {

//返回参数值

return "";

}}

通过这个函数传递url中的参数名就可以获取到参数的值。

getUrlParam(´cid´);

2.JQUERY封装的方式

明白了 Javascript 获取 url 参数的方法，我们可以通过这个方法为 jQuery 扩展一个方法来通过 jQuery 获取 url 参数，下面的代码为 jQuery 扩展了一个 getUrlParam() 方法.

(function($){

$.getUrlParam = function(name){

var reg = new RegExp("(^|)" name "=([^]*)(|$)");

var r = window.location.search.substr(1).match(reg);

if (r!=null) return unescape(r[2]); return null;

}})(jQuery);

为 jQuery 扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了，代码如下:

$.getUrlParam(´cid´);

jquery 怎样得到当前url

window.location.href

平时我们取得location的search的时候，往往都是要用location.search，然后根据取回的结果集再处理

1、先判断第一位是否是“?”，如果是则从?开始往后面处理

2、写程序以开始分隔，当然得先用unescape，或者用那个urldecode（具体的名字不记得了）处理一下，把之类的处理一下

3、以=分隔，这样才能可以取得一一对应的值。

现在方便了。jQuery有这样的插件了。。。。

先看下面的例子：

var url = location.search;

"?action=viewsection=infoid=123debugtesty[]=truetesty[]=falsetesty[]"

var section = $.query.get('section');

"info"

var id = $.query.get('id');

123

var debug = $.query.get('debug');

true

var arr = $.query.get('testy');

["true", "false", true]

var arrayElement = $.query.get('testy[1]');

"false"

var newUrl = $.query.set("section", 5).set("action", "do").toString();

"?action=dosection=5id=123"

var newQuery = "" + $.query.set('type', 'string');

"?action=viewsection=infoid=123type=string"

var oldQuery = $.query.toString();

"?action=viewsection=infoid=123"

var oldQuery2 = $.query;

?action=viewsection=infoid=123

var newerQuery = $.query.SET('type', 'string');

?action=viewsection=infoid=123type=string

var notOldQuery = $.query.toString();

"?action=viewsection=infoid=123type=string"

var oldQueryAgain = $.query.REMOVE("type");

?action=viewsection=infoid=123

var emptyQuery = $.query.empty();

""

var stillTheSame = $.query.copy();

?action=viewsection=infoid=123

使用什么插件可以达到这样神奇的简易处理的效果呢？

其实就是query.js这个插件，地址在