1、新建一个HTML页面，命名为test.html。
2、编写JS代码，将上面的JSON数据存储于JS变量JSONObject中，方便后面通过该变量取出JSON值。
3、编写HTML代码，定义四个span标签，用于后面将读取的JSON数据放入其中显示出来。
4、为了方便将JSON值在span标签内显示，每个span标签添加id属性，并设置专有的id值。
5、JSON数据是以对象为基础的数据，可以通过“JSON.名称”的方式取出值来。例如，下面把JSON的变量取出来并存于一个变量中。
6、通过使用document.getElementById的方法获得span对象，再把读取出来的JSON数据使用innerHTML方法显示在span标签中。
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
