js怎样生成json的数据？

JavaScript06

js怎样生成json的数据？,第1张

1、按照描述，题主是想将多条数据记录提交到服务端，同时服务端将数据插入到数据库。那么思路是将多条数据存在数组中，调用post方法的接口传入后端。

2、方法如下：

var sendData = []

sendData.push({name:'david',age:'20'})

sendData.push({name:'peter',age:'23'})

3、传递数据给服务端，一般使用post方法调用接口，使用jquery，代码如下：

$.post("接口路径",sendData,function(result){

console.log(result,'发送结果')

})

扩展资料：

1、json与字符串互相转换：

JSON.parse('{"name":"karla"}')//将字符串转换为json

JSON.stringify({name:'karla'})//将json转化为字符串

2、jquery中post与get的区别：

1） $.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来 进行异步请求的。

2）get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体     内容发送给Web服务器的，这种传递是对用户不可见的。

3） get方式传输的数据大小不能超过2KB 而POST要大的多。

4）GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。

参考资料：百度百科-json

JSON.stringify() 是将 JavaScript 对象转换为 JSON 的规范方法。有许多 JavaScript 框架在内部都使用了 JSON.stringify() ，比如 Express 框架的 res.json() 和 Axios body 序列化。

但是，默认情况下， JSON.stringify() 输出的 JSON 格式，不带空格或颜色。在后面，我们将使用一个常用的 npm 包来丰富输出数据的色彩。

JSON.stringify() 基本用法如下：

可以看到，我们使用 JSON.stringify() 输出的内容更具可读性。

你也可以传入一个 "\t" 制表符间距，格式化输出的数据。

JSON.stringify 的第三个参数用于控制间距。正是它提供了漂亮的字符串输出。

它允许两种类型的参数： Number 和 String 。

如果 Space 是一个 Number 类型，则表示 JSON.stringify 将在每个键之前放置的相应的空格数。可以使用 0 到 10 之间的任意数字作为缩进。

或者，可以使用字符串作为缩进。最多允许10个字符。如果您尝试传递超过10个字符，它将只使用前10个字符。

对于不直接调用 JSON.stringify() 的框架，通常有一个设置 spaces 参数的选项。例如，Express 有一个全局 'json spaces' 选项 ，允许您为所有 res.json() 调用设置 spaces 。

Axios 没有设置 JSON 格式的 显式选项 ，但您可以使用 transformRequest 选项 自行处理 JSON 序列化。关键语法如下：

Prettyjson 以 YAML 样式格式化 JSON 数据。Prettyjson 仅在 CLI 上工作，如果将 Prettyjson 输出作为 HTTP 响应发送，则无法获得颜色。

下面是使用 Prettyjson 从 Node.js 打印 JSON 的示例：

效果如下：

您应该使用以上这类方法来使你想要突出显示的数据以提高可读性。

这里我们额外在说一下 JSON.stringify 的第二个参数 replacer ，我们可以使用它来转换结果。

它允许两种类型的参数： Array 和 Function 。

我们为每一项调用一次 function ，你也可以循环每一项，并在每次传递时使用函数中定义的逻辑进行操作。

下面是一个示例，我跳过了值不是字符串的属性。换句话说，我只想显示值为数字的项。

1、先定义一个json变量。

2、然后定义这个变量的值，其实一个json对象就是一个obj对象。

3、要添加json对象的元素，直接使用数组下标方式，添加键和值就行了。

4、要为json对象添加对象，我们可以先创建一个对象。

5、然后也是使用数组下标方式，为其赋值为新的对象变量就行了。

6、在浏览器里，我们就可以看到这个json对象了，而且新加的元素和对象都已经在里面了。