JS解析url查询参数的简单代码


Posted in Javascript onAugust 06, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所述:

var path = 'www.u.com/home?id=2&type=0&dtype=-1';
function parseUrl(url){
  var result = [];
  var query = url.split("?")[1];
  var queryArr = query.split("&");
  queryArr.forEach(function(item){
    var obj = {};
    var value = item.split("=")[0];
    var key = item.split("=")[1];
    obj[key] = value;
    result.push(obj);
  });
  return result;
}
console.log(parseUrl(path)); 
//[{id: '2'},{type: '0'},{dtype: '-1'}]

好了,下面看下js获取url参数值的两种方式

方法一:正则分析法

代码如下:

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; 
}

调用方法:

alert(GetQueryString("参数名1"));alert(GetQueryString("参数名2")); 
alert(GetQueryString("参数名3"));

方法二

代码如下:

<Script language="javascript"> 
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; 
} 
</Script>

调用方法:

<Script language="javascript"> 
var Request = new Object(); 
Request = GetRequest(); 
var 参数1,参数2,参数3,参数N; 
参数1 = Request['参数1']; 
参数2 = Request['参数2']; 
参数3 = Request['参数3']; 
参数N = Request['参数N']; 
</Script>

好了,到此结束。

Javascript 相关文章推荐
JS 实现双色表格实现代码
Nov 24 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
Aug 06 #Javascript
JS中定位 position 的使用实例代码
Aug 06 #Javascript
Node.js 基础教程之全局对象
Aug 06 #Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 #Javascript
Node.js  事件循环详解及实例
Aug 06 #Javascript
Angularjs上传图片实例详解
Aug 06 #Javascript
微信小程序 自定义消息提示框
Aug 06 #Javascript
You might like
深入解析php之apc
2013/05/15 PHP
详解PHP序列化反序列化的方法
2015/10/27 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
使用nodejs爬取前程无忧前端技能排行
2017/05/06 NodeJs
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
Python实现二叉搜索树
2016/02/03 Python
python实现简单flappy bird
2018/12/24 Python
使用Django连接Mysql数据库步骤
2019/01/15 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
购买大码女装:Lane Bryant
2016/09/07 全球购物
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
教师自荐书
2013/10/08 职场文书
2014升学宴答谢词
2014/01/26 职场文书
宣传口号大全
2014/06/16 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
2016年10月份红领巾广播稿
2015/12/21 职场文书
解析高可用Redis服务架构分析与搭建方案
2021/06/20 Redis
Python 数据可视化之Matplotlib详解
2021/11/02 Python