JavaScript JSON与URL参数互转

lihefei_coder

已于 2022-06-07 09:18:41 修改

阅读量2.4w

点赞数 4

CC 4.0 BY-SA版权

分类专栏：正则表达式文章标签： json url 参数转换地址栏

于 2018-08-05 00:48:53 首次发布

本文链接：https://blog.youkuaiyun.com/lihefei_coder/article/details/81417311

正则表达式专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何将JSON对象转换为URL参数字符串以及如何从URL中解析参数到JSON对象的方法。包括JavaScript函数实现及示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSON转URL参数


function parseParams(data) {
    try {
        var tempArr = [];
        for (var i in data) {
            var key = encodeURIComponent(i);
            var value = encodeURIComponent(data[i]);
            tempArr.push(key + '=' + value);
        }
        var urlParamsStr = tempArr.join('&');
        return urlParamsStr;
    } catch (err) {
        return '';
    }
}   

var obj = {
    name: 'zhangsan',
    age: 100
};

parseParams(obj); //"name=zhangsan&age=100"

URL参数转JSON


function getParams(url) {
  try {
    url = url.match(/\?([^#]+)/)[1];
    const obj = {};
    const arr = url.split('&');
    for (let i = 0; i < arr.length; i++) {
      let subArr = arr[i].split('=');
      let key = decodeURIComponent(subArr[0]);
      let value = decodeURIComponent(subArr[1]);
      obj[key] = value;
    }
    return obj;
  } catch (err) {
    return null;
  }
}

var urlStr = 'http://www.xxx.com/test?name=zhangshan&age=100#hello';

getParams(urlStr); //{name: "zhangshan", age: "100"}