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 相关文章推荐
javascript 写类方式之三
Jul 05 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
vue cli 3.0 搭建项目的图文教程
May 17 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 Javascript
解决vuex数据页面刷新后初始化操作
Jul 26 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
一个查看session内容的函数
2006/10/09 PHP
使用php来实现网络服务
2009/09/15 PHP
php读取本地文件常用函数(fopen与file_get_contents)
2013/09/09 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
前台js调用后台方法示例
2013/12/02 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
js实现兼容IE、Firefox的图片缩放代码
2015/12/08 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
2016/08/04 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
2016/09/19 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
JavaScript实现form表单的多文件上传
2020/03/27 Javascript
JS常用正则表达式总结【经典】
2017/05/12 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python抓取最新博客内容并生成Rss
2015/05/17 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python绘制直线的方法
2018/06/30 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
python 实现让字典的value 成为列表
2019/12/16 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
销售文员的岗位职责
2013/11/20 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
2019同学聚会主持词
2019/05/06 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏