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 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
jquery中ajax跨域方法实例分析
Dec 18 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
使用Vue 实现滑动验证码功能
Jun 27 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 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中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
php数组转成json格式的方法
2015/03/09 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
2016/11/30 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
jQuery遍历Form示例代码
2013/09/03 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
js简单的弹出框有关闭按钮
2014/05/05 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
Vue组件开发初探
2017/02/14 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
深入浅析javascript继承体系
2017/10/23 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
在Python dataframe中出生日期转化为年龄的实现方法
2018/10/20 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
总结python中pass的作用
2019/02/27 Python
python 计算一个字符串中所有数字的和实例
2019/06/11 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
Django中提示消息messages的设置方式
2019/11/15 Python
python 字段拆分详解
2019/12/17 Python
python range实例用法分享
2020/02/06 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
2019史上最全Database工程师题库
2015/12/06 面试题
信息系统专业个人求职信范文
2013/12/07 职场文书
公司周年庆典致辞
2015/07/30 职场文书
2016公司中秋节寄语
2015/12/07 职场文书