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 相关文章推荐
js中判断对象是否为空的三种实现方法
Dec 23 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 Javascript
IE中图片的onload事件无效问题和解决方法
Jun 06 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
详解Vue-Router源码分析路由实现原理
May 15 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
uni-app 支持多端第三方地图定位的方法
Jan 03 Javascript
浅析JS中NEW的实现原理及重写
Feb 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
php中adodbzip类实例
2014/12/08 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
Django 中 cookie的使用
2017/08/17 PHP
My Desktop :) 桌面式代码
2008/12/29 Javascript
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
浅析Bootstrip的select控件绑定数据的问题
2016/05/10 Javascript
第一次接触神奇的Bootstrap
2016/10/14 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
如何编写一个 Webpack Loader的实现
2020/10/18 Javascript
Vue获取微博授权URL代码实例
2020/11/04 Javascript
python基础教程之python消息摘要算法使用示例
2014/02/10 Python
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
Python中统计函数运行耗时的方法
2015/05/05 Python
python+django加载静态网页模板解析
2017/12/12 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
灵泰克Java笔试题
2016/01/09 面试题
车间主管岗位职责
2013/11/14 职场文书
网上蛋糕店创业计划书
2014/01/24 职场文书
村官工作鉴定评语
2014/01/27 职场文书
对祖国的寄语大全
2014/04/11 职场文书
创先争优活动党员公开承诺书
2014/08/29 职场文书
竞选学委演讲稿
2014/09/13 职场文书
活动总结模板大全
2015/05/11 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书
辞职信怎么写?
2019/05/21 职场文书
Python快速优雅的批量修改Word文档样式
2021/05/20 Python
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏
一文解答什么是MySQL的回表
2022/08/05 MySQL