jquery获取url参数值
2013-11-15 13:37
260 查看
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1、jquery获取url很简单,代码如下
其实只是用到了javascript的基础的window对象,并没有用jquery的知识2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情首先看看单纯的通过javascript是如何来获取url中的某个参数
明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法
为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了
1.
window.location.href;
其实只是用到了javascript的基础的window对象,并没有用jquery的知识2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情首先看看单纯的通过javascript是如何来获取url中的某个参数
1.
function
getUrlParam(name)
2.
{
3.
var
reg =
new
RegExp(
"(^|&)"
+ name +
"=([^&]*)(&|$)"
);
//构造一个含有目标参数的正则表达式对象
4.
var
r = window.location.search.substr(1).match(reg);
//匹配目标参数
5.
if
(r!=
null
)
return
unescape(r[2]);
return
null
;
//返回参数值
6.
}通过这个函数传递url中的参数名就可以获取到参数的值,比如url为 http://www.xxx.loc/admin/write-post.php?cid=79 我们要获取cid的值,可以这样写:
1.
getUrlParam(
'cid'
);
明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法
1.
(
function
($){
2.
$.getUrlParam =
function
(name)
3.
{
4.
var
reg =
new
RegExp(
"(^|&)"
+ name +
"=([^&]*)(&|$)"
);
5.
var
r = window.location.search.substr(1).match(reg);
6.
if
(r!=
null
)
return
unescape(r[2]);
return
null
;
7.
}
8.
})(jQuery);
为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了
1.
$.getUrlParam(
'cid'
);
相关文章推荐
- jQuery/Zepto.js获取URL参数值/多个同名参数值
- #学习笔记#(24)jQuery获取url参数值
- Jquery获取URL参数值
- jquery获取url参数值的方法
- jQuery 获取URL的GET参数值的小例子
- jquery或者js怎么获取url传过来的参数值
- jquery获取Url和JS获取Url的参数值
- jQuery获取url参数值
- 在JQuery中获取URL中的参数值
- jQuery 获取URL的GET参数值的小例子
- jquery 获取URL参数并转码
- JavaScript 获取URL参数值
- 通过jquery 获取URL参数并进行转码
- js根据参数名获取url上的参数值
- jquery获取当前页面的URL信息
- jQuery对url参数的获取与拼接
- jquery获取url参数及url加参数的方法
- Jquery获取请求Url参数方法
- 获取url中传递的参数值
- jquery获取url参数的方法