자바스크립트 , 스프링부트, ajax

실시간 위치로 찍히는 좌표 값들을 데이터베이스에 저장하고싶음!!

그러나 좌표 값을 구하는건 자바스크립트의 geolocation api 이기 때문에 이걸 데이터베이스로 어떻게 보내야 하는지 고민~~

ajax 사용하면 되는듯

 

ajax란?

Ajax(Asynchronous JavaScript and XML)는 비동기적인 웹 애플리케이션의 제작을 위해 아래와 같은 조합을 이용하는 웹 개발 기법이다.

표현 정보를 위한 HTML (또는 XHTML) 과 CSS

동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트

웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest

 

 

 

Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다.

즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다.

 

 

동기 vs 비동기
동기: 요청에 대한 결과가 동시에 일어남. 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어짐
비동기: 요청과 결과가 동시에 일어나지 않음. 요청한 그 자리에서 결과가 주어지지 않음

 

---

Ajax의 장점.

1. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음

2. 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있음

3. 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있음

4. 백그라운드 영역에서 서버로 데이터를 보낼 수 있음

 

 

 

Ajax 동작원리

위키백과

 

 

참고자료

http://www.tcpschool.com/ajax/ajax_intro_basic

코딩교육 티씨피스쿨