HTTP là gì?
HTTP là viết tắt của H yper T ext T ransfer P rotocol
WWW là về giao tiếp giữa máy khách web và máy chủ
Giao tiếp giữa máy khách và máy chủ web được thực hiện bằng cách gửi Yêu cầu HTTP và nhận phản hồi HTTP
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 đám mây.
WebClient
Đám mây
Máy chủ web
Yêu cầu / phản hồi HTTP
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ột ứng dụng khách (một trình duyệt) gửi một yêu cầu HTTP đế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ề phản hồi HTTP (đầ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 biểu định kiểu. 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ề một 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 - Yêu cầu Http XML
Tất cả các trình duyệt đều được tích hợp sẵn Đối tượng XMLHttpRequest (XHR) .
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ó XML và Http trong tên gọi, 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 , bởi 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 :
