js中获取URL参数的共用方法getRequest()方法实例详解


Posted in Javascript onOctober 24, 2018

下面通过一段代码给大家介绍js中获取URL参数的共用方法getRequest()方法,具体代码如下所示:

getRequest : function() { 
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
     theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); }
    }
   return theRequest;
  }

下面看下js获取url参数值的两种方式详解

有个url如下:

http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit

我们该如何获取from这个参数的值呢?在网上搜了下方法很简单,如下,第一种是通过正则,第二种通过切串放进数组的方式:

方法一:

function getQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
  var r = window.location.search.substr(1).match(reg); 
  if (r != null) return unescape(r[2]); return null; 
 } 
 var from = getQueryString("from"); 
 alert(from);

方法二:

function GetRequest() { 
  var url = location.search; //获取url中"?"符后的字串 
  var theRequest = new Object(); 
  if (url.indexOf("?") != -1) { 
   var str = url.substr(1); 
   strs = str.split("&"); 
   for(var i = 0; i < strs.length; i ++) { 
    theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
   } 
  } 
  return theRequest; 
 } 
 var req = GetRequest(); 
 var from = req['from']; 
 alert(from);

总结

以上所述是小编给大家介绍的js中获取URL参数的共用方法getRequest()方法实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery 基础学习笔记之文档处理
May 29 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
微信小程序 video详解及简单实例
Jan 16 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
JS实现电脑虚拟键盘的操作
Jun 24 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 Javascript
vue实现列表拖拽排序的功能
Nov 02 Javascript
小程序云开发初探(小结)
Oct 24 #Javascript
vue-cli V3.0版本的使用详解
Oct 24 #Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 #Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 #Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 #Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 #Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
Oct 24 #Javascript
You might like
那些年一起学习的PHP(一)
2012/03/21 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
2012/12/27 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
JS传参及动态修改页面布局
2017/04/13 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python调用java的Webservice示例
2014/03/10 Python
在python中的socket模块使用代理实例
2014/05/29 Python
Python实现的一个简单LRU cache
2014/09/26 Python
flask框架视图函数用法示例
2018/07/19 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
建筑工程专业大学生求职信
2014/04/23 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
2015年个人剖析材料范文
2014/12/29 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
小学副班长竞选稿
2015/11/21 职场文书
详解Go语言中Get/Post请求测试
2022/06/01 Golang