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中的var_dump函数实现代码
Sep 07 Javascript
jquery ajax 登录验证实现代码
Sep 23 Javascript
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
JavaScript面向对象编程入门教程
Apr 16 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
Feb 21 Javascript
JavaScript实现PC端横向轮播图
Feb 07 Javascript
JavaScript实现简单日历效果
Sep 11 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
正则表达式语法
2006/10/09 Javascript
php5.5中类级别的常量使用介绍
2013/10/02 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
jquery 操作DOM的基本用法分享
2012/04/05 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
jQuery实现锚点scoll效果实例分析
2015/03/10 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
python抽象基类用法实例分析
2015/06/04 Python
Python使用pymongo库操作MongoDB数据库的方法实例
2019/02/22 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
浅谈html5 响应式布局
2014/12/24 HTML / CSS
新闻专业个人自我评价
2013/09/21 职场文书
八一演出活动方案
2014/02/03 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
优秀员工事迹材料
2014/12/20 职场文书
晚会开幕词
2015/01/28 职场文书
党支部综合考察意见
2015/06/01 职场文书
情况说明书格式及范文
2019/06/24 职场文书