Ajax
http통신 : 웹 브라주어가 웹 서버(웹 사이트가 저장된 위치)와 통신 할 수 있도록 하는 메세징 프로토콜
http함수 : request target:요청의 의도(get-받아오기,post-전달하기,delete-제거, update-최신화)
http Response 구조-응답코드[자주 보는것만 적어놓음] : 200[성공]404[요청한 페이지 없음]
Ajax 동작 원리
- 아닌 경우 :이벤트 발생 httpsquest생성 및 요청→ 처리 → 응답 생성 → HTML및 CSS 데이터 가져옴→웹페이지에 전체를 다시 로딩
- Ajax를 쓰는 경우 : 이벤트 발생→JS호출→XMLHttpRequest 객체 생성 및 요청→처리→응답 생성→HTML,XML 또는 JSON 데이터 가져옴→일부분만 다시 요청
즉, 전체를 다시 로딩하는 시간보다 훨씬 짧아질 수 있기 때문에 쓰는 것이다.
response로 서버로 받은 값을 찾아 올 수 있는데, 받는 시간이 존재하기 때문에 콘솔로 나타내기를 해보면 일정 시간 이후에 나온다. 그래서 onreadystatechange 메소드를 이용해 함수를 만들어서 readyState값과 response를 콘솔에 출력해서 언제 나오는지 확인하면 된다.
동기화 : 개체 사이에 정보를 송수신 할 때 초기화 상태, 종료 상태 등의 동작 단계를 잘 맞추어야 하는 동작[html,js-동기적으로 움직임]
비동기 : 서버에 데이터를 연결해서 가져오는 동안 다른 일을 할 수 있게 해준다.[ajax]
동기 : 하나의 일이 마칠 때까지 기다리고 마치면 결과를 출력한 후 다음 일로 넘어감
비동기 ; 진행중이라면 다음 일로 넘기고 마친고 확인 후에 출력