a href json 传递参数

在网页开发中，常常需要将参数传递给另一个页面或后端。传递参数的方式有很多种，其中就包括使用JSON对参数进行编码和解码。

JSON是轻量级的数据交换格式，将数据以键值对的形式表示，易于阅读和编写。使用JSON传递参数的过程可以简单地概括为以下步骤：

let data = {
   key1: 'value1',key2: 'value2'
};

let encodedData = encodeURIComponent(JSON.stringify(data));

let url = 'http://example.com/page?' + encodedData;

window.location.href = url;

在这段代码中，首先定义一个包含参数键值对的JSON对象。然后使用JSON.stringify()方法将对象转换为字符串，并使用encodeURIComponent()方法进行编码。最后将编码后的字符串拼接到URL中，并通过window.location.href将浏览器重定向到目标页面。

在接收参数的页面或后端，需要将URL中的参数进行解码，并使用JSON.parse()方法将字符串转换为对象。这个过程可以简单地用以下代码实现：

let decodedData = decodeURIComponent(window.location.search.substring(1));

let data = JSON.parse(decodedData);

console.log(data.key1); // 'value1'
console.log(data.key2); // 'value2'

在这段代码中，首先使用decodeURIComponent()方法对URL中的参数进行解码，然后使用substring()方法去掉字符串前面的问号。接下来使用JSON.parse()方法将字符串转换为对象，然后可以直接访问对象的属性。

需要注意的是，在使用JSON传递参数时，参数中包含的字符可能会对URL产生影响，需要使用encodeURIComponent()方法进行编码。另外，传递大量数据时需要注意URL长度的限制。