json如何给url传递参数

JSON是一种轻量级的数据交换格式，常用于前后端数据交互和API接口传参。相比于传统的URL参数传递，JSON可读性更强、传输效率更高。

在URL中传递JSON参数时，可以将JSON对象转为字符串，然后使用GET或POST请求发送。如下面示例：

// 对象转字符串，注意要使用 encodeURI 将字符串进行编码
var obj = {
  name: '张三',age: 18,gender: '男'
};
var jsonStr = encodeURI(JSON.stringify(obj));

// 发送 GET 请求
var url = 'http://example.com?info=' + jsonStr;
fetch(url).then(response => {
  console.log(response);
});

// 发送 POST 请求
var options = {
  method: 'POST',headers: {
    'Content-Type': 'application/json'
  },body: JSON.stringify(obj)
};
fetch('http://example.com',options).then(response => {
  console.log(response);
});

从URL中获取JSON参数时，需要将参数字符串解析成JSON对象进行使用。如下面示例：

// 获取 URL 中的参数字符串
var url = 'http://example.com?info=%7B%22name%22%3A%22%E5%BC%A0%E4%B8%89%22%2C%22age%22%3A18%2C%22gender%22%3A%22%E7%94%B7%22%7D';
var paramStr = decodeURI(url.split('?')[1]);

// 将参数字符串解析成 JSON 对象
var obj = JSON.parse(paramStr);
console.log(obj);

通过以上两种方式，我们可以在URL中传递JSON参数，来实现更加灵活和高效的数据交互。