[생활코딩] jQuery - 서버 / ajax / 비동기식 개념

jQuery - 서버 / ajax / 비동기식 개념

 

 

 

 

 

*Ajax : javascript를 이용해서 비동기식으로 서버와 통신하는 방식

*비동기식

여러가지 일이 동시적으로 발생 / 서버와 통신하는 동안 다른 작업을 할 수 있음

 -> 서버와 통신이 끝났을 때, 등록되어 있던 이벤트 핸들러가 호출, 프로그래머가 구현한 로직 실행됨

 -> 해당 로직은 서버에서 전송한 데이터를 갖고, 웹페이지에 javascript로 동적으로 구현

 

$.ajax(settings) >> jQuery를 이용한 ajax통신의 가장 기본적인 API

 -> settings=인자, object(객체)

*주요속성: 
- data >> 서버에 전송할 데이터 (key/value형식)
- dataType >> 서버가 리턴하는 데이터 타입(xml, json, script, html) 데이터 형식에 따라서 

jQuery가 발생한 이벤트 핸들러를 그에 맞게 데이터를 변환해서 전달
- type >> 서버로 전송하는 데이터 타입(POST, GET) >> form의 method 속성에 넣는 type
- url >> 데이터를 전송할 url
- success >> 일종의 이벤트핸들러, 서버와 통신하고 성공했을 때 서버로부터 받은 결과를 가져올 수 있음