js将url的?后面的参数转成对象

原创已于 2022-08-29 14:21:33 修改 · 2.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2022-02-18 11:14:55 首次发布

记录专栏收录该内容

25 篇文章

订阅专栏

这篇博客介绍了如何解析和构建URL参数。通过示例代码展示了如何将URL中的查询字符串拆分成键值对，并将其转换为JSON对象，以及如何将对象转换回URL参数字符串。这些方法在前端开发中处理HTTP请求和响应时非常有用。

如下

链接后面的内容 “?id=wyyy&pwd=123456”

处理代码

	const path = url.split('?')[1];
	const urlres= path.replace(/&/g, '","').replace(/=/g, '":"');
	const reqDataString = '{"' + urlres + '"}';
	const query = JSON.parse(reqDataString);

或者

打印结果

打印的结果
或者

function getParams(url) {
      var pms= {};
      if (url.indexOf('?') != -1) {
        var temp1 = url.split('?');
        var pram = temp1[1];
        var keyValue = pram.split('&');
        for (var i = 0; i < keyValue.length; i++) {
          var item = keyValue[i].split('=');
          var key = item[0];
          var value = item[1];
          pms[key] = value;
        }
      }
      return pms;
    }

把对象转为url参数

 //用&拼接对象成字符串
function getParams(params) {
        let paramStr = '';
        Object.keys(params)
            .forEach((item) => {
                if (paramStr === '') {
                    paramStr = `${item}=${params[item]}`;
                } else {
                    paramStr = `${paramStr}&${item}=${params[item]}`;
                }
            });
        console.log(paramStr);
        return paramStr;
    }

    //使用
    let params={a:1,b:2}
    getParams(params) //输出：a=1&b=2