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 相关文章推荐
js GridView 实现自动计算操作代码
Mar 25 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
Jan 04 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
Javascript学习笔记之相等符号与严格相等符号
Nov 23 Javascript
浅谈被jQuery抛弃的函数及替代函数
May 03 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
解决vue-cli webpack打包后加载资源的路径问题
Sep 25 Javascript
axios如何取消重复无用的请求详解
Dec 15 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 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
curl 出现错误的调试方法(必看)
2017/02/13 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
vuex state及mapState的基础用法详解
2018/04/19 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
一个小时快速搭建微信小程序的方法步骤
2019/04/15 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
Python实现的简单dns查询功能示例
2017/05/24 Python
Python实现完整的事务操作示例
2017/06/20 Python
go和python变量赋值遇到的一个问题
2017/08/31 Python
Python Flask基础教程示例代码
2018/02/07 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
Python callable内置函数原理解析
2020/03/05 Python
解决Jupyter notebook中.py与.ipynb文件的import问题
2020/04/21 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
幼儿园教育教学反思
2014/01/31 职场文书
公司股权转让协议书
2014/04/12 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
防灾减灾标语
2014/10/07 职场文书
教师节大会主持词
2015/07/06 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书