您现在的位置是:首页 > 学无止境 > Web网站首页Web HTML如何获取JSON的数据并对其操作
HTML如何获取JSON的数据并对其操作
- Web
- 2019-05-21
简介JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。字数
1502
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
那么如何实现HTML显示外部JSON数据呢?下面我就教大家方法。
一、制作JSON文件,复制下面代码,然后保存为information.json。
二、写HTML,根据json格式,我们这里增加5个div框来装4个信息。
三、请求数据,这里使用jq库来操作,以POST请求本目录下的information.json文件。
四、处理信息,因为json数据不只一个,使用jq的each方法来处理。
效果图:
完整代码:
转载:
感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/226.html”。
- Web
- 2019-05-21
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
那么如何实现HTML显示外部JSON数据呢?下面我就教大家方法。
一、制作JSON文件,复制下面代码,然后保存为information.json。
二、写HTML,根据json格式,我们这里增加5个div框来装4个信息。
三、请求数据,这里使用jq库来操作,以POST请求本目录下的information.json文件。
四、处理信息,因为json数据不只一个,使用jq的each方法来处理。
效果图:
完整代码:
转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/226.html”。
上一篇:如何让一句话木马不被发现
下一篇:认识404页面的好处及其作用