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与C# Windows应用程序交互方法
Jun 29 Javascript
javascript textContent与innerText的异同分析
Oct 22 Javascript
在新窗口打开超链接的方法小结
Apr 14 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
js实现滚动条滚动到页面底部继续加载
Dec 19 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
Angular的MVC和作用域
Dec 26 Javascript
vue.js todolist实现代码
Oct 29 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 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中的正则表达式函数介绍
2012/02/27 PHP
php cURL和Rolling cURL并发方式比较
2013/10/30 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
PHP return语句的另一个作用
2014/07/30 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
[02:40]DOTA2英雄基础教程 先知
2013/11/29 DOTA
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
python查看数据类型的方法
2019/10/12 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
3种python调用其他脚本的方法
2020/01/06 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
Django权限设置及验证方式
2020/05/13 Python
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
2014年母亲节寄语
2014/05/07 职场文书
幼儿教师年度个人总结
2015/02/05 职场文书
幼儿教师辞职信
2015/02/27 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
大学生求职意向书
2015/05/11 职场文书
干部考核工作总结2015
2015/07/24 职场文书
《月球之谜》教学反思
2016/02/20 职场文书
导游词之江南周庄
2019/12/06 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
能让Python提速超40倍的神器Cython详解
2021/06/24 Python
Java实现扫雷游戏详细代码讲解
2022/05/25 Java/Android