fetch(JavaScript)

// 問題1. fetchメソッドを使ってみよう
const getUsersUrl = 'https://jsonplaceholder.typicode.com/users'

const response = fetch(getUsersUrl)
console.log(response)

// 問題2. fetchメソッドで取得したデータをコンソールに出力してみよう
const getPostsUrl = 'https://jsonplaceholder.typicode.com/posts'

fetch(getPostsUrl)
  .then((res) => res.json())
  .then((data) => console.log(data))


// 問題1. fetchメソッドを使ってみよう
const getUsersUrl = 'https://jsonplaceholder.typicode.com/users'

// 問題2. fetchメソッドで取得したデータをコンソールに出力してみよう
const getPostsUrl = 'https://jsonplaceholder.typicode.com/posts'


fetchメソッド

async・await

thenメソッド

【演習】複雑な非同期関数を作ろう

【演習】非同期関数を組み合わせよう

catchメソッド

try・catch・finally

try・catch・finallyの例外処理

【演習】async・awaitを使ってみよう

【演習】axiosを使って実装しよう

setTimeoutとsetInterval

async・awaitの例外処理

JavaScriptの非同期処理を学んでいこう。

webサイトに動きをつけたり、表示内容を切り替えたり、formの入力を制御するなど様々な処理について学んでいきます