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 相关文章推荐
编写自己的jQuery插件简单实现代码
Apr 19 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
Jqprint实现页面打印
Jan 06 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
JS实现移动端判断上拉和下滑功能
Aug 07 Javascript
JS实现简易换图时钟功能分析
Jan 04 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
自定义javascript验证框架示例【附源码下载】
May 31 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 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
在“咖啡之国”感受咖啡文化
2021/03/03 咖啡文化
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
理解Javascript_10_对象模型
2010/10/16 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
jQuery性能优化技巧分析
2015/02/20 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
jquery实现右侧栏菜单选择操作
2016/03/04 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
python进行文件对比的方法
2018/12/24 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
html5中嵌入视频自动播放的问题解决
2020/05/25 HTML / CSS
和平主题的演讲稿
2014/01/12 职场文书
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android