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 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
JavaScript数组迭代方法
Mar 03 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
json数据格式常见操作示例
Jun 13 Javascript
Vue实现背景更换颜色操作
Jul 17 Javascript
Vue触发input选取文件点击事件操作
Aug 07 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
PHPCMS的使用小结
2010/09/20 PHP
PHP中的Memcache详解
2014/04/05 PHP
php实现json编码的方法
2015/07/30 PHP
php实现网页端验证码功能
2017/07/11 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
Vue实现简单购物车功能
2020/12/13 Vue.js
Python基于DES算法加密解密实例
2015/06/03 Python
探究python中open函数的使用
2016/03/01 Python
基于Python和Scikit-Learn的机器学习探索
2017/10/16 Python
Python for循环中的陷阱详解
2018/07/13 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
Python 面试中 8 个必考问题
2018/11/16 Python
python opencv实现图像边缘检测
2019/04/29 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
Python requests模块cookie实例解析
2020/04/14 Python
Python Django form 组件动态从数据库取choices数据实例
2020/05/19 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
自主招生自荐信格式
2013/12/03 职场文书
小学毕业家长寄语
2014/01/19 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
小学师德标兵先进事迹材料
2014/05/25 职场文书
12.4法制宣传日活动总结
2014/08/26 职场文书
代办社保委托书范文
2014/10/06 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers
详解Vue的列表渲染
2021/11/20 Vue.js