JS 获取URL查询参数
方法一自己写方法实现示例代码参考自JS 获取 URL参数 | 菜鸟教程// Desc: 获取URL路径上查询参数值 // params: urlStr:完整URL路径字符串name:查询参数名 // return: URL查询参数值 function getUrlParamVal(urlStr, name){ var url new URL(urlStr); var query url.search.substr(1); var vars query.split(); for (var i0; ivars.length; i) { var pair vars[i].split(); if(pair[0] name){return pair[1];} } return null; }使用var urlString https://www.example.com:8000/path?userNo000123; console.log(getUrlParamVal(urlString, userNo)); //输出 000123方法二一行代码实现返回对象示例代码var urlStrhttps://www.example.com:8000/path?userNo000123userRole主管; //一行代码实现将URL查询参数返回到对象中 Object.fromEntries(new URLSearchParams(new URL(urlStr).search)); //返回对象如下 {userNo: 000123, userRole: 主管}方法三使用get方法得到某一键值示例代码// 1. 获取地址栏查询字符串 (?id123typebook) const queryString location.search; // 2. 创建URLSearchParams实例得到“类键值对数组”如展开后[ [a, 1], [b, 2] ]其中单个[a, 1]就是一个Entry const urlParams new URLSearchParams(queryString); // 3. 获取参数值 const id urlParams.get(id); const type urlParams.get(type);
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2562339.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!