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


Posted in Javascript onMay 25, 2016

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

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

window.location.href;

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

2、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]); return null; //返回参数值
}

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

http://www.xxx.loc/admin/write-post.php?cid=79

我们要获取cid的值,可以这样写:

getUrlParam('cid');

明白了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以及jquery获取url参数的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
国外的为初学者写的JavaScript教程
Jun 09 Javascript
Jquery刷新页面背景图片随机变换的实现方法
Mar 15 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
vue实现全选、反选功能
Nov 17 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
利用JS如何获取form表单数据
Dec 19 Javascript
js 计数排序的实现示例(升级版)
Jan 12 Javascript
javascript实现数字时钟效果
Feb 06 Javascript
jquery分隔Url的param方法(推荐)
May 25 #Javascript
sso跨域写cookie的一段js脚本(推荐)
May 25 #Javascript
使用jquery提交form表单并自定义action的方法
May 25 #Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 #Javascript
jquery 遍历数组 each 方法详解
May 25 #Javascript
深入理解angularjs过滤器
May 25 #Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 #Javascript
You might like
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
PHP面向对象法则
2012/02/23 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
laravel 解决后端无法获取到前端Post过来的值问题
2019/10/22 PHP
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
js 小贴士一星期合集
2010/04/07 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
JavaScript实现select添加option
2015/07/03 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
教你一步步用jQyery实现轮播器
2016/12/18 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
使用Python构建Hopfield网络的教程
2015/04/14 Python
Python实现二叉堆
2016/02/03 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
Python实现画图软件功能方法详解
2020/07/28 Python
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
汽车驾驶求职信
2013/10/25 职场文书
平民服装店创业计划书
2014/01/17 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
python计算列表元素与乘积详情
2022/08/05 Python