Tutorialspoint

黑色星期五,享受史低價! 使用優惠碼:BFS8

使用 JavaScript 的 Google Sheets 作為 JSON 資料來源

人物圖示 Laurence Svekis

4.3

使用 JavaScript 的 Google Sheets 作為 JSON 資料來源

探索如何設定 Google 電子表格以輸出為 JSON,然後使用 JavaScript 獲取資料

更新於圖示 更新於 2024 年 10 月

語言圖示 語言 - 英語

人物圖示 Laurence Svekis

英語 [CC]

類別圖示 開發,Web 開發,JavaScript

課程 -11

資源 -4

時長 -1 小時

終身訪問

4.3

price-loader

終身訪問

30 天退款保證

培訓 5 人或以上?

讓您的團隊隨時隨地訪問 Tutorials Point 10000 多個頂級課程。

課程描述

請注意,這是一箇中級課程,需要具備JavaScript知識。

Google表格提供了一種簡單的方法來線上處理資料,您知道它也可以輸出為JSON格式嗎? 本課程將向您展示如何將一個電子表格中的多個表格輸出為JSON資料,然後使用JavaScript Fetch訪問表格中的內容。 在您的JavaScript應用程式中使用這些資料。 

您會驚訝於從Google表格輸出JSON格式的資料檔案,然後使用JavaScript將這些資料直接匯入您的應用程式是多麼容易。

循序漸進的培訓,向您展示如何構建與課程中相同的應用程式。 包含原始碼,讓您快速輕鬆地入門。 充分利用您的資料,無需資料庫呼叫,只需前端程式碼即可訪問Google電子表格中的資料。 輕鬆更新表格中的資料,並檢視它在JavaScript中的使用情況。

  • 學習如何設定Google表格的JSON URL 
  • 使用Fetch獲取URL並將資料匯入JavaScript
  • 使用promiseAll確保您的資料位於JavaScript中
  • 使用電子表格中的資料動態建立物件
  • 在您的JavaScript中使用包含資料的新的JavaScript物件來輸出和使用內容
  • 所有這些以及更多內容

始終包含原始碼,以幫助您準確編寫課程中介紹的內容。

以及在問答中提供友好的支援,幫助您學習並解答您可能遇到的任何問題。

立即嘗試,您沒有任何損失,並享有30天退款保證。 

由一位擁有多年Web開發經驗的知識淵博的講師授課,隨時準備幫助您學習。

立即加入, 在您的JavaScript應用程式中使用您自己的Google電子表格資料。

本課程適合誰

  • 任何想要學習更多關於Google表格知識的人
  • 任何想要結合Google表格的強大功能並從Web應用程式訪問它的人
  • 使用Google電子表格作為資料來源

目標

  • 將您的Google電子表格資料輸出為JSON
  • 從JavaScript訪問您的Google電子表格

先決條件

  • Google帳戶
  • JavaScript以及基本的HTML和CSS知識
  • 基本的Web開發理解
Google Sheets as JSON data source for JavaScript

課程大綱

檢視課程內容的詳細分解

Google Sheets JSON 入門
10 個講座
  • 播放圖示 JSON 格式電子表格入門介紹 02:07 02:07
  • 播放圖示 Google SpreadSheet 設定 04:33 04:33
  • 播放圖示 Google SpreadSheet 轉 JSON 05:12 05:12
  • 播放圖示 JavaScript 獲取 JSON 05:48 05:48
  • 播放圖示 JavaScript Promise.all 示例:獲取 JSON 09:59 09:59
  • 播放圖示 JavaScript Map 程式碼詳解 08:15 08:15
  • 播放圖示 JavaScript Promise.all 程式碼詳解 05:59 05:59
  • 播放圖示 電子表格資料清理及 JSON 格式化 10:58 10:58
  • 播放圖示 使用工作表名稱構建物件 04:20 04:20
  • 播放圖示 將電子表格資料輸出到 HTML 05:03 05:03

講師 詳情

Laurence Svekis

Laurence Svekis

我在這裡幫助你學習,實現你的夢想,今天就加入我一起開始這段精彩的旅程吧!
Google 開發者專家 - GSuite

自 2002 年以來,一直提供 Web 開發課程和數字營銷策略課程。

經驗豐富的創新技術專家,擁有廣泛的實際經驗。為小型和企業級公司提供智慧的線上數字解決方案。

“我對任何與數字技術相關的領域都充滿熱情,喜歡程式設計以及開發成功的數字體驗所帶來的挑戰。作為一名經驗豐富的開發者,我在 1990 年建立了我的第一個計算機應用程式,並在 1998 年建立了我的第一個網站。我喜歡與他人分享我的知識,並希望幫助你分享網際網路提供的精彩機遇。”

“學習,理解,並對教育充滿熱情。網際網路為我們提供了擴充套件和分享知識的新機遇。”

想了解更多關於成為 Web 開發者的資訊嗎?你想體驗技術帶給我們的自由嗎?學習如何將精彩的事物帶到網路上。技術以多種方式將我們聯絡在一起。它為那些擁抱技術並學習如何建立真正聯絡的人敞開了大門。

“我的課程旨在幫助你實現目標,學習和更新技能。”

背景:經驗豐富的 Web 應用程式開發者,曾參與多個企業級應用程式、數百個網站、商業解決方案以及許多獨特且創新的 Web 應用程式的開發。Web 應用程式開發專業領域包括 HTML、CSS、JavaScript、JQuery、Bootstrap、PHP 和 MySQL。任何與 Web 建立和數字體驗相關的事物。對 Web 應用程式開發、程式設計到線上營銷(重點關注社交媒體和 SEO)的一切都充滿熱情。

瞭解技術能更好地與使用者建立聯絡,也能開啟許多大門。知識是成功的關鍵,我希望幫助您體驗技術的魅力。我熱衷於網路技術,並期待分享我的知識和經驗。

課程證書

使用您的證書來轉換職業或在您目前的職業中晉升。

sample Tutorialspoint certificate

我們的學生與
最佳

相關影片課程

檢視更多

年度會員

成為Tutorials Point的尊貴會員,享受我們海量頂級影片課程的無限訪問許可權。

立即訂閱
Annual Membership

線上認證

全面掌握主流技術,成為備受推崇的認證專業人士。

立即探索
Online Certifications

聯絡我們

1800-202-0515

© . All rights reserved.