Tutorialspoint

黑色星期五,享受历史最低价! 使用优惠码:BFS8

Web API - JavaScript Fetch 获取 JSON 数据 API 玩转

人物图标 Laurence Svekis

4.4

Web API - JavaScript Fetch 获取 JSON 数据 API 玩转

探索如何使用 JavaScript fetch 连接到各种 Web API。在您的代码中使用返回的 JSON 数据。

更新时间图标 更新于 2024 年 10 月

语言图标 语言 - 英语

人物图标 Laurence Svekis

英语 [CC]

类别图标 开发,Web 开发,JavaScript

讲座 -24

资源 -2

时长 -2.5 小时

终身访问

4.4

price-loader

终身访问

30 天 退款保证

培训 5 人或以上?

让您的团队随时随地访问 10000 多个 Tutorials Point 顶级教程。

课程 描述

探索 JavaScript 对象以及如何使用 JavaScript 代码通过 API 连接获取 JSON 数据

从 Web 服务器获取数据并在 JavaScript 应用程序中使用这些数据。

本课程需要具备 JavaScript 基础知识 - 您 必须 具备 JavaScript 经验

课程重点讲解如何应用 JavaScript 连接到 Web API 并获取 JSON 数据

课程涵盖

  • 什么是 JavaScript 对象以及如何在代码中使用它们

  • 如何遍历数组和对象以获取数据

  • 具有多层数据的复杂 JavaScript 对象

  • JSON lint 以及如何读取 JSON 数据

  • 如何使用 fetch 连接到 Web API

  • 连接到 API 以创建交互式 Web 应用程序的各种示例。

  • 使用 JavaScript 代码连接到 Web API

  • 使用 Node 和 Express 设置本地主机

  • 使用 Node 发出 API 请求

  • 本地 Web 主机的设置

包含源代码,以便您可以复制和粘贴代码自行尝试。

循序渐进的学习

在问答部分始终提供快速友好的支持

拥有 20 多年经验的资深讲师随时准备帮助您学习

您没有损失 - 立即加入,开始学习创建您自己版本的这个有用的应用程序!

本课程适合谁

  • Web 开发人员
  • 任何想要学习 API 的人
  • 想要了解更多关于 JSON 和数据的学习者
  • JavaScript Fetch 和连接到 API
  • 网站管理员
  • 网页设计师
  • 应用程序开发人员

目标

  • 探索 JavaScript 对象的工作原理
  • 探索如何从 JSON 获取数据
  • JSON 和 JavaScript 对象
  • 连接到 API 以获取数据
  • 在编码中使用数据

先决条件

  • JavaScript 经验
  • HTML 和 CSS 知识
  • 电脑访问权限
Web API - JavaScript Fetch getting JSON data Fun with APIs

课程大纲

查看课程内容的详细分解

AJAX 请求和连接到 Web API 简介
  • 播放图标 Web API JSON 简介 03:22 03:22
  • 播放图标 资源指南和代码挑战 PDF 指南
  • 播放图标 课程资源
  • 播放图标 Web 开发人员设置 03:39 03:39
  • 播放图标 JavaScript 对象 07:35 07:35
  • 播放图标 JavaScript 数组 06:36 06:36
  • 播放图标 迭代数组内容 09:43 09:43
  • 播放图标 迭代对象内容 07:12 07:12
  • 播放图标 JSON 解析和字符串化 05:37 05:37
  • 播放图标 JSON 内容文件 08:08 08:08
  • 播放图标 Web APIs 获取数据 06:52 06:52
  • 播放图标 MyJSON json 文件练习 AJAX JSON 数据 03:43 03:43
  • 播放图标 JavaScript Fetch API 08:50 08:50
  • 播放图标 Fetch 箭头表达式 05:58 05:58
  • 播放图标 随机用户 API 练习 AJAX JSON 数据 11:20 11:20
  • 播放图标 Reddit 帖子 API 练习 AJAX JSON 数据 07:52 07:52
  • 播放图标 GitHub 仓库 API 练习 AJAX JSON 数据 07:46 07:46
  • 播放图标 GitHub 仓库 API 第 2 部分 05:30 05:30
  • 播放图标 StackOverflow API 练习 AJAX JSON 数据 07:19 07:19
  • 播放图标 Google Sheet 数据练习 AJAX JSON 数据 13:04 13:04
  • 播放图标 Google Shet JSON 数据第 2 部分 06:51 06:51
  • 播放图标 使用 Fetch 将数据发布到 Web API 06:47 06:47
  • 播放图标 从 Web API 获取发布的数据 数据分页练习 08:25 08:25

讲师 详情

Laurence Svekis

Laurence Svekis

我在这里帮助您学习,实现您的梦想,今天就加入我一起开始这段精彩的旅程。
Google 开发者专家 - GSuite

自 2002 年以来一直提供 Web 开发课程和数字营销策略课程。

经验丰富的创新技术专家,拥有广泛的实际经验。为小型和企业级企业提供在线智能数字解决方案。

“我对任何与数字技术相关的事物都充满热情,喜欢编程以及开发成功数字体验的挑战。作为一名经验丰富的开发人员,我在 1990 年创建了我的第一个计算机应用程序,并在 1998 年创建了我的第一个网站。我喜欢与他人分享我的知识,并希望帮助您分享互联网提供的绝佳机会。”

“学习,理解,并对教育充满热情。互联网为我们提供了扩展和分享知识的新机会。”

想要了解更多关于成为 Web 开发人员的信息吗?您是否希望体验技术为我们提供的自由?学习如何将令人惊奇的事物带到网上。技术以多种方式将我们联系在一起。它为那些拥抱它并学习如何使这些联系成为现实的人敞开了大门。

“我的课程旨在帮助您实现目标,学习和更新技能。”

背景:经验丰富的 Web 应用程序开发人员,曾参与多个企业级应用程序、数百个网站、业务解决方案以及许多独特且创新的 Web 应用程序的开发。Web 应用程序开发专业领域包括 HTML、CSS、JavaScript、JQuery、Bootstrap、PHP 和 MySQL。任何与 Web 创建和数字体验相关的事情。对 Web 应用程序开发、编程到在线营销的一切都充满热情,并重点关注社交媒体和 SEO。

“理解技术提供了一种更好地与用户联系的方式。它还打开了如此之多的门。知识是成功的关键,我想帮助您体验技术所能提供的一切。我对 Web 技术充满热情,并期待着分享我的知识和经验。”

课程 证书

使用您的证书来改变职业生涯或在您当前的职业生涯中提升自己。

sample Tutorialspoint certificate

我们的学生与

相关视频课程

查看更多

年度会员

成为 Tutorials Point 的尊贵会员,并享受我们庞大的顶级视频课程库的无限访问权限。

立即订阅
Annual Membership

在线认证

掌握主要的科技,并成为一名受人尊敬的认证专业人士。

立即探索
Online Certifications

联系我们

1800-202-0515