JS解析url查询参数的简单代码_网络技术_宿州市腾雀网络科技有限公司

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

发布时间 - 2026-01-11 02:39:56 点击率：次

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

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>

好了，到此结束。

# js # url # 查询参数 # 一文详解JavaScript中的URL和URLSearchParams # JS 中的URLSearchParams 对象操作(以对象的形式上传参数到url) # JavaScript获得url查询参数的方法 # php动态添加url查询参数的方法 # 从URL中提取参数与将对象转换为URL查询参数的实现代码 # URLSearchParams快速解析URL查询参数实现 # 好了 # 说了 # 两种 # 不多 # 给大家 # 到此 # 所述 # 分析法 # 字串 # result # query # function # parseUrl # dtype # obj # key # push # item # split

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Mac如何清理“其他”储存空间_Mac磁盘空间不足解决方法【

下一篇：武林数据建站宝盒：智慧营销+多端合一，企业官网搭建新方案

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Mac如何清理“其他”储存空间_Mac磁盘空间不足解决方法【

下一篇：武林数据建站宝盒：智慧营销+多端合一，企业官网搭建新方案