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 给汉字排序实例代码
Jun 28 Javascript
一个通过script自定义属性传递配置参数的方法
Sep 15 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
js实现开启密码大写提示
Dec 21 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
webpack 1.x升级过程中的踩坑总结大全
Aug 09 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 Javascript
JavaScript实现表单验证功能
Dec 09 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 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 MYSQL中插入当前时间
2008/04/06 PHP
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
php中常用字符串处理代码片段整理
2011/11/07 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
2016/06/22 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
老生常谈的跨域处理
2017/01/11 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
仅利用30行Python代码来展示X算法
2015/04/01 Python
学习python中matplotlib绘图设置坐标轴刻度、文本
2018/02/07 Python
python 3.7.0 下pillow安装方法
2018/08/27 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
会计专业毕业生自我鉴定
2013/10/29 职场文书
前台文员的岗位职责
2013/11/14 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/09/30 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
微前端qiankun改造日渐庞大的项目教程
2022/06/21 Javascript
CSS SandBox应用场景及常见问题
2022/06/25 HTML / CSS