Việc sử dụng JSON phổ biến là trao đổi dữ liệu thành/từ máy chủ web.
Khi gửi dữ liệu đến một máy chủ web, dữ liệu phải là một chuỗi.
Chuyển đổi một đối tượng JavaScript thành một chuỗi với JSON.stringify().
Chuỗi một đối tượng JavaScript
Hãy tưởng tượng chúng ta có đối tượng này trong JavaScript:
const obj = {name: "John", tuổi: 30, thành phố: "New York"};
Sử dụng chức năng JavaScript JSON.stringify() để chuyển đổi nó thành một chuỗi.
const myjson = json.Stringify (obj);
Kết quả sẽ là một chuỗi theo ký hiệu JSON.
myJSON hiện là một chuỗi và sẵn sàng gửi đến máy chủ:
Thí dụ
const obj = {name: "John", tuổi: 30, thành phố: "New York"}; const myjson = json.Stringify (obj);
const myJSON = JSON.stringify(obj);
Hãy tự mình thử »
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
Chuỗi một mảng javascript
Cũng có thể xâu chuỗi các mảng JavaScript:
Hãy tưởng tượng chúng ta có mảng này trong JavaScript:
const arr = ["John", "Peter", "Sally", "Jane"];
Sử dụng chức năng JavaScript JSON.stringify() để chuyển đổi nó thành một chuỗi.
const myjson = json.Stringify (obj);
Kết quả sẽ là một chuỗi theo ký hiệu JSON.
myJSON hiện là một chuỗi và sẵn sàng gửi đến máy chủ:
Thí dụ
const obj = {name: "John", tuổi: 30, thành phố: "New York"}; const myjson = json.Stringify (obj);
const myJSON = JSON.stringify(arr);
Hãy tự mình thử »
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
Chuỗi một mảng javascript
Cũng có thể xâu chuỗi các mảng JavaScript:
Hãy tưởng tượng chúng ta có mảng này trong JavaScript:
Thí dụ
const obj = {name: "John", tuổi: 30, thành phố: "New York"}; const myjson = json.Stringify (obj);
Hãy tự mình thử »
const myObj = {name: "John", age: 31, city: "New York"};
const myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
let text = localStorage.getItem("testJSON");
let obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name;
Hãy tự mình thử »
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
Chuỗi một mảng javascript
Cũng có thể xâu chuỗi các mảng JavaScript:
Thí dụ
const obj = {name: "John", tuổi: 30, thành phố: "New York"}; const myjson = json.Stringify (obj);
const myJSON = JSON.stringify(obj);
Hãy tự mình thử »
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
Chuỗi một mảng javascript
Cũng có thể xâu chuỗi các mảng JavaScript:
Hãy tưởng tượng chúng ta có mảng này trong JavaScript:
Thí dụ
const obj = {name: "John", tuổi: 30, thành phố: "New York"}; const myjson = json.Stringify (obj);
const myJSON = JSON.stringify(obj);
Hãy tự mình thử »
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
Thí dụ
const obj = {name: "John", tuổi: 30, thành phố: "New York"}; const myjson = json.Stringify (obj);
obj.age = obj.age.toString();
const myJSON = JSON.stringify(obj);
Hãy tự mình thử »
Bạn sẽ học cách gửi JSON đến một máy chủ trong các chương tiếp theo.
Việc sử dụng JSON phổ biến là trao đổi dữ liệu thành/từ máy chủ web.
Khi nhận dữ liệu từ một máy chủ web, dữ liệu luôn là một chuỗi.
Phân tích dữ liệu với JSON.parse() và dữ liệu trở thành đối tượng JavaScript.
Ví dụ - Phân tích cú pháp JSON
Hãy tưởng tượng chúng tôi đã nhận được văn bản này từ một máy chủ web:
'{"Tên": "John", "Tuổi": 30, "Thành phố": "New York"}'
Sử dụng chức năng JavaScript JSON.parse() để chuyển đổi văn bản thành đối tượng JavaScript:
const obj = json.parse ('{"name": "john", "tuổi": 30, "thành phố": "new york"}');
Hãy chắc chắn rằng văn bản ở định dạng JSON, nếu không bạn sẽ gặp lỗi cú pháp.
Sử dụng đối tượng JavaScript trong trang của bạn:
Thí dụ
Chuyển đổi chuỗi thành một hàm:
document.getEuityById ("demo"). Internhtml = obj.Name;
document.getElementById("demo").innerHTML = obj.name;
Hãy tự mình thử »
Mảng là json
Khi sử dụng JSON.parse() trên JSON có nguồn gốc từ một mảng, phương thức sẽ trả về một mảng JavaScript, thay vì đối tượng JavaScript.
Thí dụ
const text = '["ford", "bmw", "audi", "fiat"]'; const myarr = json.parse (văn bản);
const myArr = JSON.parse(text);
Hãy tự mình thử »
Ngoại lệ
Ngày phân tích cú pháp
Đối tượng ngày không được phép trong JSON.
Nếu bạn cần bao gồm một ngày, hãy viết nó dưới dạng chuỗi.
Bạn có thể chuyển đổi nó trở lại thành một đối tượng ngày sau:
Thí dụ
Chuyển đổi một chuỗi thành một ngày:
const text = '{"name": "john", "sinh": "1986-12-14", "thành phố": "New York"}'; const obj = json.parse (văn bản); obj.birth = ngày mới (obj.birth);
const obj = JSON.parse(text);
obj.birth = new Date(obj.birth);
document.getEuityById ("demo"). Internhtml = obj.name + "," + obj.birth;
Hãy tự mình thử »
Ngoại lệ
Ngày phân tích cú pháp
Thí dụ
Đối tượng ngày không được phép trong JSON.
Nếu bạn cần bao gồm một ngày, hãy viết nó dưới dạng chuỗi.
const obj = JSON.parse(text, function (key, value) {
if (key == "birth") {
return new Date(value);
} else {
return value;
}
});
document.getEuityById ("demo"). Internhtml = obj.name + "," + obj.birth;
Hãy tự mình thử »
Ngoại lệ
Ngày phân tích cú pháp
Đối tượng ngày không được phép trong JSON.
Nếu bạn cần bao gồm một ngày, hãy viết nó dưới dạng chuỗi.
Thí dụ
Bạn có thể chuyển đổi nó trở lại thành một đối tượng ngày sau:
Chuyển đổi một chuỗi thành một ngày:
const obj = JSON.parse(text);
obj.age = eval("(" + obj.age + ")");
const text = '{"name": "john", "sinh": "1986-12-14", "thành phố": "New York"}'; const obj = json.parse (văn bản); obj.birth = ngày mới (obj.birth);
Hãy tự mình thử »
Ngoại lệ