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的parseInt 进制问题
May 07 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
jquery dialog获取焦点的方法
Feb 09 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
node中短信api实现验证码登录的示例代码
Jan 20 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 PHP
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
php自动加载代码实例详解
2021/02/26 PHP
Discuz! 6.1_jQuery兼容问题
2008/09/23 Javascript
6个DIV 135或246间隔一秒轮番显示效果
2010/07/24 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
使用Python对Access读写操作
2017/03/30 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
详解python中*号的用法
2019/10/21 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
小学安全教育月活动总结
2014/07/07 职场文书
庆祝儿童节标语
2014/10/09 职场文书
2016年元旦主持词
2015/07/06 职场文书
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis
变长双向rnn的正确使用姿势教学
2021/05/31 Python