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 学习 - 提高篇
Feb 02 Javascript
js的with语句使用方法
Sep 21 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
JS仿flash上传头像效果实现代码
Jul 18 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
Jan 15 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
node.js中的fs.realpath方法使用说明
Dec 16 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
Oct 28 Javascript
JavaScript中set与get方法用法示例
Aug 15 Javascript
ios设备中angularjs无法改变页面title的解决方法
Sep 13 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
小程序云开发初探(小结)
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+MSSQL分页的例子
2006/10/09 PHP
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
jquery ajax执行后台方法
2010/03/18 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
jquery的flexigrid无法显示数据提示获取到数据
2013/07/19 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
jQuery实现对象转为url参数的方法
2017/01/11 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
2017/03/10 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
vue.js中created方法作用
2018/03/30 Javascript
浅谈webpack SplitChunksPlugin实用指南
2018/09/17 Javascript
python实现连接mongodb的方法
2015/05/08 Python
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
python 剪切移动文件的实现代码
2018/08/02 Python
Python操作qml对象过程详解
2019/09/26 Python
python使用配置文件过程详解
2019/12/28 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
css3.0 图形构成实例练习二
2013/03/19 HTML / CSS
戴尔英国官网:Dell英国
2017/05/27 全球购物
给水工程专业毕业生自荐信
2014/01/28 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
品牌转让协议书
2014/08/20 职场文书
处级干部考察材料
2014/12/24 职场文书
受资助学生感谢信
2015/01/21 职场文书
2019暑假阅读倡议书
2019/06/24 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
解析目标检测之IoU
2021/06/26 Python
vue3中provide && inject的使用
2021/07/01 Vue.js