jquery取url参数,js获取url参数值的两种方式

jquery怎么截取url参数

//  如果参数很多，不推荐你采用截取的方式 

创新互联公司是一家专业提供铜山企业网站建设,专注与成都网站建设、成都网站设计、H5页面制作、小程序制作等业务。10年已为铜山众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

// 给你个函数，传入参数名就可以获取值了

// tips: 我也是在网上找到的

function getUrlParam(name) {

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

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

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

}

// 调用示例   ：获取 ;action=zd 中的id值和action值

// console.info( [getUrlParam("id"),getUrlParam("action") ] );

jquery怎么获得url的get变量？

1、获取到url地址

2、将url中？后的值以‘’分割成数组

3、再去遍历，存储其值

4、最后返回

// jQuery url get parameters function [获取URL的GET参数值]

// code

//     var GET = $.urlGet(); //获取URL的Get参数

//     var id = GET['id']; //取得id的值

// /code

//  url get parameters

//  public

//  return array() 

(function($) {

$.extend({       

urlGet:function()

{

var aQuery = window.location.href.split("?");  //取得Get参数

var aGET = new Array();

if(aQuery.length  1)

{

var aBuf = aQuery[1].split("");

for(var i=0, iLoop = aBuf.length; iiLoop; i++)

{

var aTmp = aBuf[i].split("=");  //分离key与Value

aGET[aTmp[0]] = aTmp[1];

}

}

return aGET;

}

})

})(jQuery);

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´);

有没有开源方法能直接获取url的参数值

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作

1、jquery获取url很简单，代码如下：

window.location.href;

其实只是用到了javascript的基础的window对象，并没有用jquery的知识。

2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情

首先看看单纯的通过javascript是如何来获取url中的某个参数：

//获取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]); return null; //返回参数值

}

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

我们要获取reurl的值，可以这样写：

var xx = getUrlParam('reurl');

明白了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扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了：

var xx = $.getUrlParam('reurl');

完整代码：

script src="js/jquery-1.7.2.min.js" type="text/javascript"/script

script type="text/javascript"

$(function () {

//方法二：

(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);

//方法二：

var xx = $.getUrlParam('reurl');

//方法一：

// var xx = getUrlParam('reurl');

alert(xx);

});

//方法一：

//获取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]); return null; //返回参数值

}

/script

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")