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代码
Aug 13 Javascript
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
常用javascript表单验证汇总
Jul 20 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
jQuery弹出遮罩层效果完整示例
Sep 13 Javascript
详解ES6中的let命令
Apr 05 Javascript
js实现简单的手风琴效果
Feb 27 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
封装一下vue中的axios示例代码详解
Feb 16 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获取字符串的编码格式的方法(函数)
2013/06/21 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
ThinkPHP静态缓存简单配置和使用方法详解
2016/03/23 PHP
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
js实现整体缩放页面适配移动端
2020/03/31 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
[01:29:42]Liquid vs VP Supermajor决赛 BO 第一场 6.10
2018/07/05 DOTA
Python中datetime常用时间处理方法
2015/06/15 Python
详解python单元测试框架unittest
2018/07/02 Python
python hook监听事件详解
2018/10/25 Python
Python 如何优雅的将数字转化为时间格式的方法
2019/09/26 Python
python json.dumps中文乱码问题解决
2020/04/01 Python
python中for in的用法详解
2020/04/17 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
2013/01/31 HTML / CSS
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
简历自我评价怎么写呢?
2014/01/06 职场文书
小学班级口号
2014/06/09 职场文书
教师个人自我剖析材料
2014/09/29 职场文书
运动会开幕式新闻稿
2015/07/17 职场文书
python3操作redis实现List列表实例
2021/08/04 Python
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript
Oracle中DBLink的详细介绍
2022/04/29 Oracle