您现在的位置是:首页 > 学无止境 > Web网站首页Web HTML如何获取JSON的数据并对其操作

HTML如何获取JSON的数据并对其操作

  • 莫愁
  • Web
  • 2019-05-21
简介JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
字数 1502

JSON

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方法来处理。

效果图:
请求效果图

完整代码:

jsonjqhtml.rar 解压密码:www.mochoublog.com
jsonjqhtml.rar (56.40 KB)


转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/226.html”。

文章评论

    • 评论
    人参与,条评论

技术在线

服务时间

周一至周日 12:00-22:00

关闭下雪
关闭背景特效