가자공부하러!

Ajax(1) - 본문

공부/Javascript, Node.js, jQuery, Ajax

Ajax(1) -

오피스엑소더스 2019. 7. 15. 08:00

참고(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)

  > 예제 :

-










Comments