JavaScript

JavaScript Ajax 비동기 통신에 대해서 알아보자 part3!

martinooo 2021. 7. 29. 13:05
728x170

이번엔 마지막 part3로 ajax 이용해서 서버에 데이터를 통신해서 받은 데이터값을 UI단에 출력해보겠습니다. 

먼저 Html에 표시에줄 테그를 만듭니다!

movieList 안에 innerHtml 써서 자식요소들을 다 넣어줄겁니다!

DOM 으로 movieList 값을 가져오고 tag 빈 문자열을 만듭니다! 

그리고 tag안에 데이터 값을 출력해주는 겁니다! 

그리고 마지막으로 innerHtml = tag 넣어주면 !!!

bommmmm

api 호출을 해서 브라우저에 뿌려준 기본적인 ajax 비동기통시을 활용했습니다!

다음번에는 다른 형태에 api 가져와서 뿌려보겠습니다!

그리드형