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

© . All rights reserved.