码迷,mamicode.com
首页 > Web开发 > 详细

使用jquery获取url以及jquery获取url参数的方法

时间:2015-03-03 16:34:42      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:

jquery获取url以及使用 1、jquery获取url很简单,代码如下

 

1.window.location.href;

其实只是用到了javascript的基础的window对象,并没有用 2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情

 

1.function getUrlParam(name)
2.{
3.var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
4.var r = window.location.search.substr(1).match(reg);  //匹配目标参数
5.if (r!=nullreturn 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!=nullreturn unescape(r[2]); return null;
7.}
8.})(jQuery);

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

1.$.getUrlParam(‘cid‘);

如果你对jquery添加扩展方法不太明白,可以参考 jquery插件开发教程

使用jquery获取url以及jquery获取url参数的方法

标签:

原文地址:http://www.cnblogs.com/xingbo/p/4311266.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!