[Day22] JavaScript - Fetch API

第18篇有提到过Fetch的用法(连结),这篇要实际使用Fetch来做简单的Api串接。

  1. 首先介绍一款免费的API - Joke API,可透过query让此API随机产生笑话。
    Joke API网站: https://sv443.net/jokeapi/v2/

    点进去上方连结後,找到Try it out here的部分,选择你有兴趣的笑话类型、语言等,只有输出格式需选择json,下方即会根据你所选的条件来产生出URL:https://v2.jokeapi.dev/joke/Programming

    这段网址即是我们的endpoint,意思是我们须透过这个endpoint来跟Joke API里的资料库取得笑话。

    https://ithelp.ithome.com.tw/upload/images/20210922/20141293peQeFrxMCK.png

    接着以下即使用JavaScript的fetch来取得Joke Api的资料:

    async function getJoke() {
      let data = await fetch("https://v2.jokeapi.dev/joke/Programming");
      let parseData = await data.json();
      console.log(parseData);
    }
    
    getJoke();
    

    输出结果:
    https://ithelp.ithome.com.tw/upload/images/20210922/20141293oEwlpAPKcA.png


<<:  [Day21]Laravel目录结构

>>:  Unity与Photon的新手相遇旅途 | Day7-角色移动

.Net Core Web Api_笔记06_HTTP资源操作模式Head

HttpHead操作是只会回传Http Header部分资讯的api请求 所以不会返回函数回传的主体...

资料控制者(data controller)

-资料和系统所有者 将“资料所有者“(data owner)和“资料控制者”(data contr...

【领域展开 29 式】 认识 Google AMP

今天会写这题目来自於在阅读 Soledad document 的时候有一段是在讲 How to se...

Day 11 : 操作基础篇 8 - 倍速提升你的操作速度,14 个 Obsidian 快捷键设定建议

前言 这是 Obsidian 使用教学 — 基础篇的第 8 篇文章。 在 上一篇文章 中,我介绍了一...

WIN10无法开机停在转圈的解决方式

今天又碰到一个Win10无法开机停在转圈的案例. 之前已碰到过多台发生该问题, 判断是防毒软件造成,...