HTTP คืออะไร?

HTTPย่อมาจากH yper T ext T ransfer P rotocol

WWWเป็นเรื่องเกี่ยวกับการสื่อสารระหว่างเว็บไคลเอ็นต์และเซิร์ฟเวอร์

การสื่อสารระหว่างคอมพิวเตอร์ไคลเอนต์และเว็บเซิร์ฟเวอร์ทำได้โดยส่ง คำขอ HTTPและรับการตอบกลับ HTTP

การสื่อสารเวิลด์ไวด์เว็บ

เวิลด์ไวด์เว็บเป็นเรื่องเกี่ยวกับการสื่อสารระหว่างเว็บไคลเอ็นต์และเว็บเซิร์ฟเวอร์

ลูกค้ามักเป็นเบราว์เซอร์ (Chrome, Edge, Safari) แต่สามารถเป็นโปรแกรมหรืออุปกรณ์ประเภทใดก็ได้

เซิร์ฟเวอร์มักเป็นคอมพิวเตอร์ในระบบคลาวด์

คำขอ HTTP / การตอบสนอง

การสื่อสารระหว่างไคลเอนต์และเซิร์ฟเวอร์ทำได้โดยการร้องขอและการตอบกลับ :

1. ไคลเอนต์ (เบราว์เซอร์) ส่งคำขอ HTTPไปยังเว็บ
2. เว็บเซิร์ฟเวอร์ได้รับการร้องขอ
3. เซิร์ฟเวอร์เรียกใช้แอปพลิเคชันเพื่อดำเนินการตามคำขอ
4. เซิร์ฟเวอร์ส่งคืนการตอบสนอง HTTP (เอาต์พุต) ไปยังเบราว์เซอร์
5. ลูกค้า (เบราว์เซอร์) ได้รับการตอบกลับ

วงกลมคำขอ HTTP

วงกลมคำขอ / ตอบกลับ HTTP ทั่วไป:

1. เบราว์เซอร์ร้องขอหน้า HTML เซิร์ฟเวอร์ส่งคืนไฟล์ HTML
2. เบราว์เซอร์ร้องขอสไตล์ชีต เซิร์ฟเวอร์ส่งคืนไฟล์ CSS
3. เบราว์เซอร์ร้องขอภาพ JPG เซิร์ฟเวอร์ส่งคืนไฟล์ JPG
4. เบราว์เซอร์ขอรหัส JavaScript เซิร์ฟเวอร์ส่งคืนไฟล์ JS
5. เบราว์เซอร์ร้องขอข้อมูล เซิร์ฟเวอร์ส่งคืนข้อมูล (ในรูปแบบ XML หรือ JSON)

XHR - คำขอ XML Http

เบราว์เซอร์ทั้งหมดมีXMLHttpRequest Object (XHR)ในตัว

XHR เป็นวัตถุ JavaScript ที่ใช้ในการถ่ายโอนข้อมูลระหว่างเว็บเบราว์เซอร์และเว็บเซิร์ฟเวอร์

XHR มักใช้เพื่อขอและรับข้อมูลเพื่อวัตถุประสงค์ในการแก้ไขหน้าเว็บ

แม้ว่าชื่อ XML และ Http จะใช้ XHR กับโปรโตคอลอื่นที่ไม่ใช่ HTTP และข้อมูลอาจมีหลายประเภท เช่น HTML , CSS , XML , JSONและข้อความธรรมดา

XHR Object เป็นWeb Developers Dreamเพราะคุณสามารถ:

• อัปเดตหน้าเว็บโดยไม่ต้องโหลดหน้าซ้ำ
• ขอข้อมูลจากเซิร์ฟเวอร์ - หลังจากโหลดหน้าแล้ว
• รับข้อมูลจากเซิฟเวอร์ - หลังจากโหลดเพจแล้ว
• ส่งข้อมูลไปยังเซิร์ฟเวอร์ - ในพื้นหลัง

XHR Object เป็นแนวคิดพื้นฐานของAJAXและ JSON :