Lấy JSON qua AJAX trong JavaScript
Một thực tế phổ biến là máy chủ trả về dữ liệu ở định dạng JSON. Hãy cùng xem cách làm việc với nó. Giả sử trên máy chủ có tệp sau:
{
"num1": "1",
"num2": "2"
}
Hãy lấy dữ liệu từ tệp này:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Có thể sử dụng phương thức json
để JSON tự động chuyển đổi
thành cấu trúc JavaScript:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Giả sử máy chủ trả về JSON chứa một mảng.
Hãy lặp qua mảng này bằng vòng lặp và ghi
từng phần tử của nó vào một li riêng biệt.
