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 26 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
jQuery使用$.ajax进行即时验证实例详解
Dec 11 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
Feb 15 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
Dec 11 Javascript
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
生成无限制的微信小程序码的示例代码
Sep 20 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
vue 使用post/get 下载导出文件操作
Aug 07 Javascript
JavaScript实现页面动态验证码的实现示例
Mar 23 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
小程序云开发初探(小结)
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
解析ajax事件的调用顺序
2013/06/17 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
jQuery往返城市和日期查询实例讲解
2015/10/09 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
2017/02/19 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
详解Vue内部怎样处理props选项的多种写法
2018/11/06 Javascript
python批量修改文件后缀示例代码分享
2013/12/24 Python
详解python的数字类型变量与其方法
2016/11/20 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
python 写一个文件分发小程序
2020/12/05 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
幼儿园亲子活动总结
2014/04/26 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
学习走群众路线心得体会
2014/11/05 职场文书
八年级英语教学反思
2016/02/15 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android