HTTP là viết tắt của Hyper Text Transfer Protocol (Giao thức truyền dữ liệu siêu văn bản)WWW là về giao tiếp giữa máy khách và máy chủ webGiao tiếp giữa các máy khách và máy chủ web được thực hiện bằng cách gửi HTTP Request và HTTP Response
Giao tiếp World Wide Web
World Wide Web là về giao tiếp giữa máy khách web và máy chủ web.
Khách hàng thường là các trình duyệt (Chrome, Edge, Safari), nhưng chúng có thể là bất kỳ loại chương trình hoặc thiết bị nào.
Máy chủ thường là máy tính trên cloud
HTTP Request / Response
Giao tiếp giữa máy khách và máy chủ được thực hiện bằng các yêu cầu và phản hồi:
- Máy khách (trình duyệt) gửi một HTTP Request đến web
- Máy chủ web nhận được yêu cầu
- Máy chủ chạy một ứng dụng để xử lý yêu cầu
- Máy chủ trả về HTTP Response (đầu ra) cho trình duyệt
- Máy khách (trình duyệt) nhận được phản hồi
Vòng kết nối yêu cầu HTTP
Một vòng kết nối yêu cầu / phản hồi HTTP điển hình:
- Trình duyệt yêu cầu một trang HTML. Máy chủ trả về một tệp HTML.
- Trình duyệt yêu cầu một stylesheet. Máy chủ trả về một tệp CSS.
- Trình duyệt yêu cầu hình ảnh JPG. Máy chủ trả về tệp JPG.
- Trình duyệt yêu cầu mã JavaScript. Máy chủ trả về tệp JS
- Trình duyệt yêu cầu dữ liệu. Máy chủ trả về dữ liệu (bằng XML hoặc JSON).
XHR — XML HTTP Request
Tất cả các trình duyệt đều có Đối tượng XMLHttpRequest (XHR) tích hợp sẵn.
XHR là một đối tượng JavaScript được sử dụng để truyền dữ liệu giữa trình duyệt web và máy chủ web.
XHR thường được sử dụng để yêu cầu và nhận dữ liệu nhằm mục đích sửa đổi một trang web.
Mặc dù có tên là XML và Http, nhưng XHR được sử dụng với các giao thức khác ngoài HTTP và dữ liệu có thể thuộc nhiều loại khác nhau như HTML, CSS, XML, JSON và văn bản thuần túy.
Đối tượng XHR là Giấc mơ của các nhà phát triển web, vì bạn có thể:
- Cập nhật trang web mà không cần tải lại trang
- Yêu cầu dữ liệu từ máy chủ — sau khi trang tải xong
- Nhận dữ liệu từ máy chủ — sau khi trang tải xong
- Gửi dữ liệu đến máy chủ — trong nền
Đối tượng XHR là khái niệm cơ bản của AJAX và JSON:
