js XMLHttpRequest로 데이터 가져오기
const content = document.getElementById("content"); let xhr = new XMLHttpRequest(); xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts'); xhr.send(); xhr.onload = function () { if (xhr.status >= 200 && xhr.status < 300) { const datas = JSON.parse(xhr.response); for(let i in datas){ let data = document.createElement("h2"); let text = document.createTextNode(`ID - ${datas[i].id} & Title - ${datas[i].title}`); data.appendChild(text); content.appendChild(data); } } else { console.log('failed'); } };
'JavaScript > ajax' 카테고리의 다른 글
jquery ajax load() (0) | 2021.02.12 |
---|---|
xhr (XMLHttpRequest) (0) | 2021.02.11 |
댓글
이 글 공유하기
다른 글
-
jquery ajax load()
jquery ajax load()
2021.02.12 -
xhr (XMLHttpRequest)
xhr (XMLHttpRequest)
2021.02.11
댓글을 사용할 수 없습니다.