Fetch1 [HTML, JAVASCRIPT] fetch를 사용하여 데이터 요청 후 화면에 적용하는 방법 ajax fetch를 활용하여 프론트엔드에서 데이터 요청 후 화면에 적용하기 ajax는 Asynchronous JavaScript And XML의 약자로 HTTP 통신을 통해 비동기적으로 JSON(자바스크립트 객체)과 XML 데이터를 받아오는 기능을 말합니다. 현재 XML은 거의 쓰이지 않으니 예시에서는 JSON을 사용하겠습니다. ajax로 가져온 데이터는 DOM에 바로 적용하기 때문에 페이지를 다시 로드하지 않습니다. 예시 fetch API를 사용해서 ajax 통신으로 가져온 유저정보를 화면에 출력하는 기능을 구현해 보겠습니다. 다음과 같이 버튼과 div가 하나씩 있고, div의 id는 userInfo입니다. 클릭 버튼의 onclick 속성에 콜백함수를 설정합니다. 클릭 getUser라는 함수를 달아주었습니다... 2019. 8. 17. 이전 1 다음
