กลับหน้าบทเรียน
Export PDF
# สัปดาห์ที่ 12 REST API และการเชื่อมต่อข้อมูล --- ## Data Flow ```mermaid sequenceDiagram participant UI as Front-end participant API as REST API UI->>API: HTTP Request API-->>UI: JSON Response UI->>UI: Render Data ``` --- ## HTTP Methods - GET - POST - PUT/PATCH - DELETE --- ## Fetch API ```js const res = await fetch(url); const data = await res.json(); ``` --- ## UI States - Loading - Success - Empty - Error --- ## กิจกรรม เชื่อมต่อ API จริงและแสดงข้อมูลในหน้าเว็บ