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复制功能调用实现方案
Dec 13 Javascript
js关闭当前页面(窗口)的几种方式总结
Mar 05 Javascript
js模拟C#中List的简单实例
Mar 06 Javascript
纯javascript制作日历控件
Jul 17 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
Javascript中绑定click事件的四种方式介绍
Oct 26 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
PHP个人网站架设连环讲(二)
2006/10/09 PHP
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
PHP最常用的ini函数分析 针对PHP.ini配置文件
2010/04/22 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
js 浏览本地文件夹系统示例代码
2013/10/24 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
2017/06/08 Javascript
javascript如何用递归写一个简单的树形结构示例
2017/09/06 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
Element Badge标记的使用方法
2020/07/27 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
python之import机制详解
2014/07/03 Python
python求众数问题实例
2014/09/26 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
PYTHON如何读取和写入EXCEL里面的数据
2019/10/28 Python
python 消费 kafka 数据教程
2019/12/21 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
学生党员思想汇报范文
2014/01/09 职场文书
安全演讲稿开场白
2014/08/25 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
出差报告怎么写
2014/11/06 职场文书
2015年企业新年寄语
2014/12/08 职场文书
活动经费申请报告
2015/05/15 职场文书
2015年团支部年度工作总结
2015/05/27 职场文书
运动会跳远广播稿
2015/08/19 职场文书
Golang 实现 WebSockets 之创建 WebSockets
2022/04/24 Golang