Taninut.com
| Content ID | 90 |
|---|---|
| Category ID | 3 |
| Writer ID | (not set) |
| User ID | (not set) |
| Lang Mode | th |
| Content Name | การเรียกใช้งาน API ใน Flutter ด้วย http |
| Content Url | การเรียกใช้งาน-API-ใน-Flutter-ด้วย-http |
| Content Desc | <p data-pm-slice="1 1 []">การเรียกใช้งาน API ใน Flutter สามารถทำได้โดยใช้ package ชื่อว่า http ซึ่งเป็น package ที่ช่วยให้เราสามารถส่ง request ไปยัง API ต่างๆ และรับ response กลับมาได้ด้วยคำสั่งต่างๆ ดังนี้<br><br></p> <ol> <li> <p>Import package: ก่อนอื่นเราต้อง import package http โดยเพิ่มโค้ดด้านล่างนี้ที่ด้านบนของไฟล์ Dart ของเรา</p> </li> </ol> <pre style="padding-left: 40px;"><code>import 'package:http/http.dart' as http;</code></pre> <ol start="2"> <li> <p>สร้าง function สำหรับเรียกใช้ API: เราสามารถสร้าง function ที่รับ parameter เป็น URL ของ API และเมื่อเรียกใช้ function จะส่ง request ไปยัง API และรับ response กลับมา ดังนี้</p> </li> </ol> <pre style="padding-left: 40px;"><code>void fetchData(String url) async { <br> final response = await http.get(url); <br> if (response.statusCode == 200) { <br> // ดึงข้อมูลจาก response.body <br> final data = json.decode(response.body); <br> // ทำอะไรต่อก็ได้ <br> } else { <br> // แสดง error message <br> throw Exception('Failed to load data'); <br> }<br>}</code></pre> <ol start="3"> <li> <p>ใช้ function เพื่อเรียกใช้ API: เมื่อเราสร้าง function เพื่อเรียกใช้ API แล้ว เราสามารถเรียกใช้ function นั้นๆ ด้วย URL ของ API ที่เราต้องการได้ ดังนี้</p> </li> </ol> <pre style="padding-left: 40px;"><code>fetchData('https://jsonplaceholder.typicode.com/todos/1');</code></pre> <p> </p> <p>โดย URL ที่ใช้ในตัวอย่างนี้เป็นตัวอย่างเท่านั้น สามารถเปลี่ยน URL เป็น URL ของ API ต่างๆ ที่ต้องการเรียกใช้งานได้<br><br></p> <p>การเรียกใช้งาน API ใน Flutter ด้วย package http นั้นมีความสะดวกและง่ายต่อการใช้งาน เพราะเราสามารถส่ง request และรับ response ได้ด้วย code ที่สั้นและง่ายต่อการเข้าใจ ในการใช้งานจริง เราสามารถเพิ่ม parameter หรือส่ง request แบบ POST, PUT, DELETE ได้ตามความต้องการของเรา โดยอ้างอิงจาก documentation ของ package http ได้เลย.</p> |
| Content Short | <p>การเรียกใช้งาน API ใน Flutter สามารถทำได้โดยใช้ package ชื่อว่า http ซึ่งเป็น package ที่ช่วยให้เราสามารถส่ง request ไปยัง API ต่างๆ และรับ response กลับมาได้ด้วย</p> |
| Content View | 4511 |
| Content Thumb Highlight | |
| Content Thumb | /uploads/article/PsEbJ4BvDy.png |
| Content Img Alt | การเรียกใช้งาน API ใน Flutter |
| Content Tag | API, Flutter,pub.dev |
| Content Date | (not set) |
| Active Status | 1 |
| Sort | 99999 |
| Meta Title | การเรียกใช้งาน API ใน Flutter ด้วย http |
| Meta Desc | การเรียกใช้งาน API ใน Flutter |
| Meta Keyword | API, Flutter,pub.dev |
| Og Title | การเรียกใช้งาน API ใน Flutter |
| Og Desc | การเรียกใช้งาน API ใน Flutter |
| Status | 1 |
| Create Date Time | 2023-03-16 18:56:54 |
| Update Date Time | 2023-03-16 19:05:18 |
| Create By | |
| Update By |
แดชบอร์ดรวม
ประวัติการจอง
การตั้งค่า
ออกจากระบบ