HTTP requests เป็นรากฐาน web app: รับ data จาก user input ส่งไป backend/server แล้วได้ response กลับ
POST request บันทึกข้อมูลลง database GET request รับ response แสดงให้ user jQuery มี get() method ทำ GET request ง่ายขึ้น
jQuery get() คืออะไร?
get() ส่ง GET request ไป URL endpoint รับ response (data จาก server) ไม่บันทึก database เหมือน POST
ประโยชน์: ขอ subset data เฉพาะ แล้วทำอะไรก็ได้ เช่น e-commerce app: GET /products รับ data สร้าง card layout สินค้า
get() รับ URL string และ callback function รับ data callback = function ส่งให้ method execute ภายหลัง
get() jQuery Syntax
$.get('/products', (data) => {
console.log(data);
});
ส่ง request ไป /products server ส่ง data กลับ callback รับ data (และ status) data มักเป็น JSON object ต้อง extract เพิ่มเติม
ตัวอย่างจริง: API Astronauts in Space
API บอกจำนวนนักบินอวกาศในอวกาศตอนนี้:
$.get('https://api.open-notify.org/astros.json', (data) => {
console.log(data);
});
Response (JSON object):
message: "success" (error handling)number: จำนวนคนในอวกาศpeople: array of objects (ชื่อและยานอวกาศ)
iterate "people" array แสดงเป็น list ให้ user developer ตัดสินใจเองจะ display ยังไง
สรุป
jQuery get() ทำ GET request รวดเร็วตรงไปตรงมา data สามารถ iterate และ render จาก callback body ได้ รับและ render data ให้สวยงาม = เริ่มต้นเป็น proficient developer
