设置URL路径参数，解析URL参数函数

你的名字 2023-03-14 05:47 30阅读 0赞

function throwIfMissing() {
    	throw new Error('Missing parameter');
    }
    			
    /*
     * @description 设置URL参数
     * @method setUrlParams
     * @param {String} url url路径，如http://xxx.xx.xxx.xx或pages/veiw/login
     * @param {Object} params 设置的参数，对象格式，如{a: 1, b: 2}
     * @param {Boolean} isCoverOldParam 是否覆盖路径原有参数，默认true
     * @return {String} url 设置参数后的路径如http://xxx.xx.xxx.xx?a=1&b=2
    */
    function setUrlParams(url = throwIfMissing(), params = {}, isCoverOldParam = true) {
    	if (typeof params !== 'object') throw new TypeError('"params" parameter must be of object type');
    	
    	if (JSON.stringify(params) === "{}") return url;
    	
    	let result = '',
    		oParam = {},
    		param = {};
    		
    	if (url.indexOf('?') === '-1') {
    		result = url;
    	} else {
    		result = url.split("?")[0];
    		oParam = parseUrlParams(url);
    	}
    	
    	isCoverOldParam && Object.assign(param, oParam, params) || Object.assign(param, params, oParam)
    	
    	result += '?';
    	for (let i in param) {
    		result += (i + "=" + param[i] + "&");
    	}
    	
    	return result.substr(0, result.length - 1);
    }
    
    /*
     * @description 解析路径参数
     * @method parseUrlParams
     * @param {String} url 路径，如http://xxx.xx.xxx.xx?a=1&b=2
     * @return {Object} 参数对象，如{a: 1, b: 2}
    */
    function parseUrlParams(url = throwIfMissing()) {
    	let search = url.indexOf('?') != -1 ? url.substring(url.lastIndexOf('?') + 1) : '',
    		ret = {},
    		seg = search.replace(/^\?/, '').split('&'),
    		len = seg.length,
    		i = 0,
    		s;
    		
    	for (; i < len; i++) {
    		if (!seg[i]) {
    			continue;
    		}
    		s = seg[i].split('=');
    		ret[s[0]] = s[1];
    	}
    	
    	return ret;
    }

使用

![20200516094139509.png][]

![20200516094405546.png][]

[20200516094139509.png]: /images/20230312/a1355df983ea4766b394526b1fa37770.png
[20200516094405546.png]: /images/20230312/7404372347614bbea02986a0df6bb7a4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL URL 连接参数设置

MySQL URL 连接可以携带参数，通用配置模板如下：通过URL设置连接参数 spring.datasource.url=jdbc:mysql://lo

喜欢ヅ旅行/ 2023年10月13日 16:42/ 0 赞/ 135 阅读

相关 JS解析url中的参数

const getQuery = (url) => { // result为存储参数键值的集合 const result = {}

逃离我推掉我的手/ 2023年10月09日 14:36/ 0 赞/ 114 阅读

相关设置URL路径参数，解析URL参数函数

function throwIfMissing() { throw new Error('Missing parameter'); }

你的名字/ 2023年03月14日 05:47/ 0 赞/ 31 阅读

相关 springboot webflux 参数传递（url路径传递）

-------------------- springboot webflux 参数传递（url路径传递） url传递的参数可使用注解（@PathVariable

爱被打了一巴掌/ 2023年02月18日 15:26/ 0 赞/ 160 阅读

相关 js拆分http url 路径参数封装函数

function handleUrl() { let url = window.qrCodeUrl url = deco

た入场券/ 2022年12月01日 11:43/ 0 赞/ 139 阅读

相关 url 参数生成函数

一、前言近来在做uni-app项目时，会有大量的如下URL参数需要传递，因此将此动作做成模块中的方法的形式以简化工作量，提高效率。 `http:///home?na

清疚/ 2022年11月15日 03:55/ 0 赞/ 208 阅读

相关获取 url 路径上的请求参数

//获取url上的请求参数 function getParams() { //获取问号及问号后面的内容 var url = w

曾经终败给现在/ 2022年10月18日 12:58/ 0 赞/ 374 阅读

相关解析URL参数

function getArgs(){ var args =new Object(); var query=location.search.subs

旧城等待，/ 2022年08月01日 00:06/ 0 赞/ 294 阅读

相关 javascript url 参数取参数截取参数 url 查询参数

//通过url 获得当前访问的文件名，不含扩展名 function getFileNameNoExtendFromUrl() \{ fileName = window.loca

比眉伴天荒/ 2022年07月12日 13:49/ 0 赞/ 313 阅读

相关 java解析出url请求的路径和参数

import java.util.HashMap; import java.util.Map; public class CRequest {

桃扇骨/ 2022年06月03日 04:29/ 0 赞/ 482 阅读