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实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
Dec 29 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
javascript禁止超链接跳转的方法
Feb 02 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
Dec 05 Javascript
vue中 this.$set的使用详解
Nov 17 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
基于php伪静态的实现详细介绍
2013/04/28 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
php实现的ping端口函数实例
2014/11/12 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
TopList标签和JavaScript结合两例
2007/08/12 Javascript
jQuery列表拖动排列具体实现
2013/11/04 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
WebPack配置vue多页面的技巧
2018/05/15 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
Windows上node.js的多版本管理工具用法实例分析
2019/11/06 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧
2017/11/19 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
python进阶教程之文本文件的读取和写入
2014/08/29 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
PyCharm 2019.3发布增加了新功能一览
2019/12/08 Python
python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍
2020/02/25 Python
python读取文件指定行内容实例讲解
2020/03/02 Python
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
经典导游欢迎词大全
2014/01/16 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
社区文明倡议书
2015/04/28 职场文书
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python