🧩 Trình xem JSON Online (JSON Viewer & Formatter)
🔧 Dán JSON của bạn vào đây
" cho key và string.
Ví dụ hợp lệ: {"name":"Alice","age":20}Ví dụ KHÔNG hợp lệ:
{name:'Alice'}
{ }
Thu gọn/mở rộng giúp bạn duyệt object JSON lớn (ví dụ phản hồi API, config, log debug).
📘 JSON là gì?
JSON (JavaScript Object Notation) là một định dạng dữ liệu dạng văn bản, dùng để truyền thông tin giữa client và server.
JSON rất phổ biến trong API web, ứng dụng mobile, ứng dụng backend và cả cấu hình hệ thống.
Cấu trúc JSON dựa trên cặp key : value và hỗ trợ các kiểu:
string, number, boolean, null,
object {} và array [].
🔎 Tại sao JSON lại quan trọng?
- ⭐ Gần như tất cả REST API / GraphQL hiện nay đều trả kết quả ở dạng JSON.
- ⭐ Dễ đọc bằng mắt người, dễ phân tích bằng máy.
- ⭐ Được hỗ trợ gốc trong JavaScript (
JSON.parse(),JSON.stringify()). - ⭐ Nhẹ hơn và “ít rườm rà” hơn so với XML trong nhiều trường hợp.
🚨 JSON bị lỗi cú pháp vì sao?
Các lỗi thường gặp khi xử lý JSON:
- Thiếu dấu ngoặc đóng
}hoặc]. - Dùng nhầm dấu nháy đơn
' 'thay vì dấu nháy kép" "cho key và string. - Thêm dấu phẩy cuối cùng (trailing comma) trong object/array.
- Key không có dấu ngoặc kép: sai
{name:"A"}, đúng{"name":"A"}.
Khi bạn bấm “✅ Kiểm tra JSON hợp lệ”, công cụ sẽ thử JSON.parse().
Nếu JSON lỗi, dòng báo lỗi sẽ giúp bạn biết vị trí hỏng.
💼 JSON được dùng ở đâu?
- Giao tiếp frontend ↔ backend: Website gửi request và nhận response JSON từ API.
- Mobile app: Ứng dụng iOS/Android tải dữ liệu dạng JSON (ví dụ danh sách sản phẩm, user profile...).
- Cấu hình ứng dụng: Nhiều file cấu hình dùng .json (ví dụ
package.jsoncủa Node.js). - Logging / debug: Backend thường ghi log ở dạng JSON để máy đọc lại dễ hơn.
📦 JSON vs XML – khác nhau thế nào?
| Tiêu chí | JSON | XML |
|---|---|---|
| Dễ đọc với con người | ✅ Ngắn gọn, kiểu object/array quen thuộc | ❌ Thẻ lồng nhau dài dòng |
| Kích thước dữ liệu | Thường nhỏ hơn | Thường lớn hơn vì có nhiều thẻ đóng/mở |
| Xử lý bằng JS | Rất dễ (JSON.parse) |
Cần parser XML riêng |
| Siêu giàu cấu trúc / metadata phức tạp | Không bằng XML schema phức tạp | Mạnh cho tài liệu kiểu SOAP, tài liệu máy móc |
🛡️ Bảo mật khi chia sẻ JSON
JSON đôi khi chứa token, API key, dữ liệu người dùng thật (email, số điện thoại...). Không nên chia sẻ JSON thô nếu bạn chưa xoá thông tin nhạy cảm. Tool này chạy 100% trên trình duyệt, không upload lên server, nên phù hợp để kiểm tra nội bộ.
❓ Tool này dành cho ai?
- Lập trình viên frontend/back-end
- Tester, QA, QC cần đọc response API
- Mobile dev (React Native, Flutter...) debug API
- Người dùng no-code/low-code tích hợp webhook
Từ khóa liên quan
• 🔐 Mã hóa / giải mã Base64
• ⚡ Đo tốc độ Internet – Kiểm tra tốc độ mạng Wifi, 3G, 4G, 5G
• 📺 Kiểm tra độ phân giải màn hình
• 📝 Chuyển chữ hoa / thường / không dấu