Ajax [생활코딩]

Ajax는 "Asynchronous JavaScript and XML"의 약자로, 웹 애플리케이션에서 비동기적으로 데이터를 교환하기 위한 기술

Ajax를 사용하면 웹 페이지의 새로고침 없이도 서버와 데이터를 주고받을 수 있으며,

동적인 웹 콘텐츠를 구현하는 데 매우 유용

 

 

 

코스 소개 및 목적

웹페이지의 정보를 구분적으 운영을 하고 싶어짐

 

한 단어 한단어 필 때마다 추천 검색어가 달라진다.

그때 그떄 서버와의 통신이 이루어 진다.

 

즉, 모든 페이지가 아닌 원하는 부분만 다운을 받아 정보를 얻어올 수 있다.

 

 

 

ajax로 부터 동적으로 데이터를 불러 오기 !1

 

 

fetch API

 

서버에게 css라는 파일을 요구하고  

응답이 끝나면 alert가 실행되면서 서버가  응답한

데이터가 text에 저장된다.

 

 

원리를 모르고 사용도만 안채로

사용해보기 

 

 

 

 

'       '  사이의 파일을 서버에게 요청한다 !

then은 서버가 응답할때 까지 다른 작업을 한다 ! 응답이 끝나면  then내부의 함수를 실행 시켜 준다.

 

 

 

즉, 요청을 한후 밑의 콘솔이 실행되고 웹브라우저의 응답이 끝나면 then내부 함수가 실행된다.

 

fetch의 

첫번째 인자로는 response를 넣어줘야한다.

서버에 요청을 했을때의 그 응답이 response에 담겨서 나온다.