json字符串存入input中

JSON字符串是一种常见的数据交换格式，经常用于前后端之间的数据传递。在前端开发中，将JSON字符串存入input中是一种常见的操作，很多场景下都能看到它的身影。

存入JSON字符串的input元素可以设置为只读或可编辑，具体看需求而定。在代码实现时，需要注意以下几点：

// 获取input元素
var inputEl = document.querySelector('#myInput');

// 设置为只读
inputEl.readOnly = true;

// 设置为可编辑
inputEl.readOnly = false;

// 存入JSON字符串
inputEl.value = JSON.stringify({name: 'John',age: 18});

上述代码中，querySelector方法用于获取页面上ID为myInput的input元素，通过readOnly属性来设置input元素的只读状态。JSON.stringify方法用于将JavaScript对象转换为JSON字符串，再将字符串存入input元素的value属性中。

需要注意的是，当input元素的value属性被设置为JSON字符串时，对应的值可能包含特殊字符，如引号和反斜杠。这时可以使用JSON.stringify方法的第二个参数，用于处理这些特殊字符。例如：

// 将值中的双引号转为单引号
inputEl.value = JSON.stringify({name: "John's",age: 18},null,2)
               .replace(/"/g,"'");

在实际开发中，存入JSON字符串的input元素可能用于各种用途，如传递数据、保存缓存等。因此，正确使用JSON字符串存入input中是非常重要的。