07/09/2018, 15:20

Giới thiệu về JSON trong JavaScript

JSON được viết tắt của JavaScript Object Notation. JSON là một cú pháp để lưu trữ và trao đổi dữ liệu. JSON là văn bản, được viết bằng ký hiệu đối tượng JavaScript. Trao đổi dữ liệu Khi trao đổi dữ liệu giữa trình duyệt và máy chủ, dữ liệu chỉ có thể là văn ...

JSON được viết tắt của JavaScript Object Notation. JSON là một cú pháp để lưu trữ và trao đổi dữ liệu. JSON là văn bản, được viết bằng ký hiệu đối tượng JavaScript.

Trao đổi dữ liệu

Khi trao đổi dữ liệu giữa trình duyệt và máy chủ, dữ liệu chỉ có thể là văn bản. JSON là văn bản và bạn có thể chuyển đổi bất kỳ đối tượng JavaScript nào thành JSON và gửi JSON đến máy chủ. Ngược lại, bạn cũng có thể chuyển đổi bất kỳ JSON nào nhận được từ máy chủ sang các đối tượng JavaScript.

Bằng cách này, chúng ta có thể làm việc với các dữ liệu như các đối tượng JavaScript, mà không cần phân tích cú pháp và dịch.

Dữ liệu đang được gửi

Nếu bạn có dữ liệu được lưu trữ trong một đối tượng JavaScript, bạn có thể chuyển đổi đối tượng thành JSON và gửi nó đến máy chủ:

var myObj = { "name":"John", "age":31, "city":"New York" };
var myJSON = JSON.stringify(myObj);
window.location = "demo_json.php?x=" + myJSON;

Nhận dữ liệu

Nếu bạn nhận dữ liệu ở định dạng JSON, bạn có thể chuyển đổi nó thành một đối tượng JavaScript:

var myJSON = '{ "name":"John", "age":31, "city":"New York" }';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.name;
Tham khảo thêm các khóa học lập trình web từ Front-end đến Back-end do trực tiếp giảng viên quốc tế trường FPT Arena giảng dạy giúp bạn thành thạo kỹ năng lập trình web từ CƠ BẢN – NÂNG CAO với giá chỉ từ 290,000đ:
  • Học lập trình front-end cơ bản với bootstrap 4/html5/css3
  • Học lập trình front-end nâng cao qua Project thực tế
  • Học thiết kế web với Photoshop, CSS theo kiểu SASS
  • Học cách sử dụng Git_hub cho lập trình viên
  • Học lập trình Back-end PHP theo mô hình MVC cơ bản
  • Học lập trình Back-end PHP theo mô hình MVC nâng cao
  • Học lập trình Cơ sở dữ liệu với AngularJS
  • Học lập trình theme wordpress. Làm ra mọi website hoàn chỉnh với wordpress
  • Combo lập trình front-end từ cơ bản – nâng cao
  • Combo lập trình back-end từ cơ bản đến nâng cao
  • Combo lập trình web với word press từ A-Z
Bài liên quan

Giới thiệu về JSON trong JavaScript

JSON được viết tắt của JavaScript Object Notation. JSON là một cú pháp để lưu trữ và trao đổi dữ liệu. JSON là văn bản, được viết bằng ký hiệu đối tượng JavaScript. Trao đổi dữ liệu Khi trao đổi dữ liệu giữa trình duyệt và máy chủ, dữ liệu chỉ có thể là văn ...

Vũ Văn Thanh viết 15:20 ngày 07/09/2018

Giới thiệu về AJAX trong JavaScript

AJAX được xem như là giải pháp dành cho nhà phát triển, bởi vì bạn có thể: Đọc dữ liệu từ máy chủ web – sau khi trang đã tải Cập nhật trang web mà không cần tải lại trang Gửi dữ liệu đến một máy chủ web – trong nền Ví dụ về AJAX: Giải thích ví dụ ...

Bùi Văn Nam viết 15:20 ngày 07/09/2018

Giới thiệu về Promise trong JavaScript (ES6)

Xin chào mọi người, Chắc hẳn trong mỗi người lập trình viên chúng ta, Khi lập trình với ngôn ngữ Javascript đều thấy được một vấn đề là Bất đồng bộ. Để giải quyết vấn đề này, cách cơ bản nhất là chúng ta sử dụng Callback. Nhưng có một vấn đề xảy ra, đó là việc sử dụng qua nhiều callback dẫn dến ...

Trịnh Tiến Mạnh viết 15:51 ngày 12/08/2018

Giới thiệu về Arel trong Rails

Trước đây, khi xây dựng các ứng dụng web có kết tới cơ sở dữ liệu, mình thường phải tự viết những câu lệnh SQL bằng tay, chỉ định rõ những cột cần lấy dữ liệu, phải viết rất nhiều câu lệnh để xử lý việc CRUD,.. Điều này cực kỳ nhàm chán gây khó để maintenance hay tìm bug khi có lỗi xảy ra. Rồi ...

Tạ Quốc Bảo viết 13:52 ngày 12/08/2018

Giới thiệu về Promise trong Javascript

Xin chào, nếu đã từng lập trình với Javascript, hẳn bạn đã có đôi lần nghe nói / sử dụng callback. Và với sự phát triển như hiện nay của Javascript, thì có một vấn đề cực kỳ nhức nhối đã được thể hiện với callback của Javascript, đó là callback hell. Dưới đây là ví dụ (yaoming) Và để giải ...

Bùi Văn Nam viết 13:50 ngày 12/08/2018
0