首页 > 新品看点 > 正文

前端如何接收并显示json数据

新品看点 时间:2024-04-02 05:00:45

前端获取JSON数据显示在页面上

从后台获取数据显示在界面上是前端开发所必须要掌握的一项基本技能,简单记录一下从本地模拟数据的JSON文件中获取数据显示在界面上。

1.先创建本地json文件,命名为data.json,json文件存储数据格式如下:

2.在js中写方法,并且调用方法。插入数据的时候innerHTNML方法为JavaScript原生的方法,但这个方法是向div中插入HTML代码,而不是追加,要想追加,每次需要保存之前的html内容。append方法为jquery的方法,可以实现直接向div中追加。

郑重声明:图文由自媒体作者发布,我们尊重原作版权,但因数量庞大无法逐一核实,图片与文字所有方如有疑问可与我们联系,核实后我们将予以删除。