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 SocialHistory 检查访问者是否访问过某站点
Aug 02 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
jQuery实现点击标题输入详细信息
Apr 16 Javascript
js获取上传文件大小示例代码
Apr 10 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
jQuery实现ajax无刷新分页页码控件
Feb 28 Javascript
JavaScript实现分页效果
Mar 28 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 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/04/11 PHP
PHP实现图片上传并压缩
2015/12/22 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
extjs grid取到数据而不显示的解决
2008/12/29 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
浅析Python中的多进程与多线程的使用
2015/04/07 Python
一键搞定python连接mysql驱动有关问题(windows版本)
2016/04/23 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
Django 自动生成api接口文档教程
2019/11/19 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
商场端午节活动方案
2014/01/29 职场文书
小学生综合素质评语
2014/04/23 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
2014年公务员转正工作总结
2014/11/07 职场文书
2015年化验员工作总结
2015/04/10 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
总经理年会致辞
2015/07/29 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
七年级思品教学反思
2016/02/20 职场文书
创业计划书之书店
2019/09/10 职场文书
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
分享Python异步爬取知乎热榜
2022/04/12 Python
详解Flutter网络请求Dio库的使用及封装
2022/04/14 Java/Android