jQuery Ajax

  클라이언트 측에서의 작업과는 상관 없이 비동기적으로 서버와 작업을 수행할 때 Ajax기능을 사용합니다. Ajax란 Asynchronous Javascript(비동기 자바스크립트) + XML의 의미로 자바스크립트를 사용한 비동기 통신, 즉 클라이언트와 서버 간의 xml이나 JSON 데이터를 주고받는 기술을 의미합니다.

  Ajax는 페이지 이동 없이 데이터 처리가 가능하며, 서버의 처리를 기다리지 않고 비동기 요청이 가능하다는 특징을 가지고 있습니다.

  개인 정보를 입력하고 서버에 요청하면 서버에서 결과를 처리한 후 HTML 태그를 클라이언트의 브라우저에 전송하여 다른 페이지를 보여줍니다. 즉, 페이지 이동이 발생합니다.

  반면에 Ajax로 페이지를 처리할 경우를 보면 요청 페이지의 결과를 서버에서 처리한 후 다시 XML이나 JSON으로 원래 요청 페이지로 전송합니다. 즉, 페이지 이동이 발생하지 않습니다.

 

  제이쿼리에서 Ajax를 사용하려면 $ 기호 다음에 ajax라고 명명한 후 속성에 대한 값을 설정해야 합니다.

속성	설명
type	통신 타입을 설정합니다(post 또는 get방식)
url	요청할 url을 설정합니다.
async	비동기식으로 처리할지의 여부를 설정합니다(false인 경우 동기식으로 처리합니다).
data	서버에 요청할 때 보낼 매개변수를 설정합니다.
dataType	응답받을 데이터 타입을 설정합니다(XML, TEXT HTML, JSON등).
success	요청 및 응답에 성공했을 때 처리 구문을 설정합니다.
error	요청 및 응답에 실패했을 때 처리 구문을 설정합니다.
complete	모든 작업을 마친 후 처리 구문을 설정합니다.

 

다음 글부터 제이쿼리 Ajax를 사용해 서블릿과 비동기식 방식으로 데이터를 송수신 해보겠습니다.