웹개발 - AJAX

 

지금의 기록이
나중엔 문제 해결의 실마리가 된다
당장 모든것을 알지 못해도 괜찮다
분명히 언젠가 쓸 일이 생긴다

 Ajax는 뭔가? 

Ajax는 JavaScript의 라이브러리 중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 전체 페이지를 새로 고침하지 않고도 페이지의 일부 데이터를 로드하는 기법이다. 

즉 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이라고 할 수 있다.

 

 

 Jquery와의 시너지 

일반 Javascript만으로 Ajax를 하게 되면 코딩량이 많아지고 브라우저별로 구현방법이 다른 단점이 있는데, 
jquery를 이용하면 더 적은 코딩량으로 대부분의 브라우저에서 같은 동작을 할 수 있게 된다.
Jquery ajax를 사용하면 HTTP Get과 HTTP Post 방식 모두를 사용해서 원격 서버로에 데이터를 요청할 수 있다.
Jquery는 Ajax처럼 JavaScript 라이브러리 중 하나인데 자바스크립트를 좀 더 사용하기 쉽게 패키징화 시켜놓은 것이다.

 

 $.ajax() 메소드 

jQuery는 Ajax와 관련된 다양하고 편리한 많은 메소드를 제공한다.

그중에서도 $.ajax() 메소드는 모든 jQuery Ajax 메소드의 핵심이 되는 통합적인 메소드이다 .
$.ajax() 메소드는 HTTP 요청을 만드는 강력하고도 직관적인 방법을 제공한다.

 

url : 요청 URL (클라이언트가 HTTP 요청을 보낼 서버의 주소) settings : key/value 쌍으로 된 Ajax 요청 Set ( optional ) url : 요청 URL (클라이언트가 HTTP 요청을 보낼 서버의 주소) data : 요청과 함께 서버에 보내는 string 또는 json success(data, textStatus, jqXHR) : 요청이 성공일때 실행되는 callback 함수 dataType : 서버에서 내려온 data 형식. ( default : xml, json, script, text, html )

ajax의 response를 가지고 for문을 돌려서 그 안에 gu-name과 gu-mise의 정보를 가져와서 출력할 수 있다