fetch案例

最新推荐文章于 2024-05-12 15:09:28 发布

陌一一

最新推荐文章于 2024-05-12 15:09:28 发布

阅读量212

点赞数

分类专栏： web前端开发文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/a1598452168YY/article/details/127835379

版权

这篇博客探讨了如何利用fetch API从JSON文件中获取并处理数据。具体案例涉及根据作者id查找其发布的新闻，其中作者yiyi发布了两篇新闻——'我是男人'和'我是女人'。通过解析JSON数据，建立news与comments之间的关联，实现了新闻内容的显示。

摘要由CSDN通过智能技术生成

json文件：

{
    "news":[
        {"id":1,"title":"男人看了沉默，女人看了流泪","author":"yiyi"},
        {"id":2,"title":"震惊！他年薪仅1元","author":"linlin"}
    ],
    "comments":[
        {"id":1,"body":"我是男人","newsId":1},
        {"id":2,"body":"我是女人","newsId":1},
        {"id":3,"body":"我年薪2元","newsId":2},
        {"id":4,"body":"我年薪3元","newsId":2}
    ]
}

思路：

json文件里的news和comments通过id和newsId进行连接；
id为1的author：yiyi发布了两篇文章：就是newsId为1的两篇文章；
所以代码是先在news里面找到author为yiyi的人，再通过news.id=comments.newsId的关系找到他发布的两篇文章“我是男人”、“我是女人”；

代码：