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参数，来实现更加灵活和高效的数据交互。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！