หน่วยที่ 6 การเชื่อมต่อ API และฐานข้อมูล

เรียนรู้การดึงข้อมูลจาก API และแสดงผลบนเว็บไซต์

6.1 API คืออะไร

API (Application Programming Interface) คือ ช่องทางสำหรับรับและส่งข้อมูลระหว่างเว็บไซต์กับ Server

API ช่วยให้เว็บไซต์ดึงข้อมูลจาก Server ได้

6.2 ตัวอย่างการใช้ Fetch API

fetch("https://jsonplaceholder.typicode.com/users")
.then(response => response.json())
.then(data => console.log(data));

6.3 ทดลองดึงข้อมูล API

6.4 ข้อมูล JSON

{
"name": "Somchai",
"age": 20
}

Workshop 1: ดึงข้อมูลผู้ใช้

กดปุ่มเพื่อโหลดข้อมูลจาก API

Workshop 2: แสดงข้อมูลใน Card

สรุป

ก่อนหน้า Workshop ถัดไป