제이슨 데이터 Fetch 하기

jb kim·2021년 11월 10일
0

JSON & AJAX

목록 보기
12/22

db.json 파일 만들기

https://jsonlint.com/

[{
	"todo": "커피마시기",
	"status": false
}, {
	"todo": "청소하기",
	"status": false
}, {
	"todo": "운동하기",
	"status": false
}, {
	"todo": "요리하기",
	"status": false
}]

제이슨파일을 fetch(가져와) 사용

        window.onload = function () {
            if (sessionStorage['todolist'] != null) {
                dataJSON = JSON.parse(sessionStorage['todolist']);
                buildCheckboxes(dataJSON); 
            }
            else {
                makeDataRequest();
            }
        }

        function makeDataRequest() {
            const url = "db.json";
            fetch(url)
                .then(function (res) {
                    return res.json();
                })
                .then(function (data) {
                    //console.log(data);
                    dataJSON = data;
                    buildCheckboxes(dataJSON); 
                })
        }

fetch then 사용법

profile
픽서

0개의 댓글