jquery获取url参数值

简介:

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

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


1. window.location.href;


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

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

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

1. functiongetUrlParam(name)
2. {
3. varreg = newRegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
4. varr = window.location.search.substr(1).match(reg); //匹配目标参数
5. if(r!=nullreturnunescape(r[2]); returnnull//返回参数值
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. varreg = newRegExp("(^|&)"+ name +"=([^&]*)(&|$)");
5. varr = window.location.search.substr(1).match(reg);
6. if(r!=nullreturnunescape(r[2]); returnnull;
7. }
8. })(jQuery);


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

1.
$.getUrlParam('cid');                      本文转自许琴 51CTO博 http://blog.51cto.com/xuqin/132516 9 ,原文链接:,如需转载请自行联系原作者
        
相关文章
url参数值中有+、空格、%20、%2b
url参数值中有+、空格、%20、%2b
1032 0
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
106 0
|
JavaScript
js获取 url 参数值的方法总结
js获取 url 参数值的方法总结
208 0
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
54 0
|
JavaScript
jQuery带参数跳转,新页面获取url的参数id
jQuery带参数跳转,新页面获取url的参数id
62 0
|
Java
Java给指定URL字符串添加值和获取URL字符串中的参数值
Java给指定URL字符串添加值和获取URL字符串中的参数值
163 0
|
前端开发 JavaScript API
手写系列 # 1:实现 getQueryString 方法获取 URL 上的参数值
手写系列 # 1:实现 getQueryString 方法获取 URL 上的参数值
130 0
手写系列 # 1:实现 getQueryString 方法获取 URL 上的参数值
|
JavaScript
【已解决】JQuery,TypeError: url.indexOf is not a function
JQuery,TypeError: url.indexOf is not a function
296 0
.NET中将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),并使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串stringA
.NET中将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),并使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串stringA
370 0

热门文章

最新文章

相关课程

更多