HTTP Request và JSON là gì?

Trong lập trình web, việc giao tiếp giữa trình duyệt (client) và máy chủ (server) là rất quan trọng. JavaScript cung cấp các công cụ giúp gửi yêu cầu (request) đến server và nhận phản hồi (response). Một trong những định dạng dữ liệu phổ biến được sử dụng trong quá trình này là JSON (JavaScript Object Notation).

HTTP Request và JSON là gì?

1. Giao tiếp giữa Client và Server

Khi bạn truy cập một trang web, trình duyệt (client) gửi yêu cầu HTTP đến server, server xử lý yêu cầu và gửi phản hồi về.
Quá trình này có thể được thực hiện bằng các HTTP request.

2. Các loại HTTP Request phổ biến

• GET: Lấy dữ liệu từ server.
• POST: Gửi dữ liệu mới lên server.
• PUT: Cập nhật dữ liệu trên server.
• DELETE: Xóa dữ liệu trên server.

Ví dụ minh họa HTTP Request
Một API giả lập có thể hỗ trợ các request như sau:

• GET https://jsonplaceholder.typicode.com/posts/1 → Lấy thông tin bài viết số 1
• POST https://jsonplaceholder.typicode.com/posts → Tạo bài viết mới
• PUT https://jsonplaceholder.typicode.com/posts/1 → Cập nhật bài viết số 1
• DELETE https://jsonplaceholder.typicode.com/posts/1 → Xóa bài viết số 1

3. JSON là gì?

JSON (JavaScript Object Notation) là một định dạng dữ liệu nhẹ, thường được sử dụng để trao đổi dữ liệu giữa server và client.

Ví dụ về JSON

{
  "id": 1,
  "title": "Giới thiệu về JSON",
  "content": "JSON là một định dạng dữ liệu phổ biến trong lập trình web."
}

Chuyển đổi giữa JSON và JavaScript Object

• Chuyển từ JavaScript Object → JSON:

  let user = { name: "Alice", age: 25 };
  let jsonData = JSON.stringify(user); // Chuyển thành JSON
  console.log(jsonData); // '{"name":"Alice","age":25}'
  

• Chuyển từ JSON → JavaScript Object:

  let jsonText = '{"name":"Alice","age":25}';
  let userObject = JSON.parse(jsonText); // Chuyển thành Object
  console.log(userObject.name); // Alice
  

Kết luận

• HTTP request giúp giao tiếp giữa client và server.
• JSON là định dạng dữ liệu phổ biến giúp trao đổi thông tin giữa trình duyệt và server.
• Hiểu cách chuyển đổi giữa JSON và Object giúp xử lý dữ liệu dễ dàng hơn trong JavaScript.