Ajax(1) -
참고(Ajax) : https://opentutorials.org/course/1375/6843
1. Ajax가 뭐에요?
> Asynchronous Javascript and XML
- 비동기 : 어떠한 작업의 수행을 시작하고 완료되기 전에 다른 작업을 시작할 수 있다는 의미
- javascript, xml
- xml 말고 다른 데이터 타입도 많이쓰기 때문에 xml은 최초에 붙인 이름이라고 생각
> Javascript를 이용해서 내부적으로 통신할 수 있는 방식의 하나
> 특정 정보를 웹페이지를 로딩할 때 포함하지 않고 사용자의 필요에 의해 불러온다.
2. 기본 작동 방법 - Ajax는 어떻게 쓰나요?
>
참고(jQuery Ajax) : https://opentutorials.org/course/1375/6851
1. jQuery가 제공하는 Ajax 기능 활용
> 장점 :
- 브라우저 간 차이점을 jQuery가 알아서 처리해줄 수 있음
-
2. jQuery.Ajax()
> API
> jQuery에서 Ajax를 통해 통신할 때 근간이 되는 API
> 문법 :
- jQuery.ajax(url [, settings] )
- settings : 객체
- jQuery.ajax( [ settings ] )
- settings 안에 url 정보를 담거나 글로벌 설정에서 지정해야 함
> settings 객체의 주요 프로퍼티
- data : 클라이언트에서 서버로 데이터를 전송할 때 사용하는 옵션
- dataType : 서버가 클라이언트에게 돌려주는 데이터의 형식을 지정(xml, json, script, html 등)
- success : 성공했을 때 호출할 콜백을 지정
- type : 데이터를 전송하는 방법 지정(get, post)
> 예제 :
-