Ajax를 활용하여 게시판 댓글 출력하기

naryun·2022년 1월 17일
0
post-thumbnail

* 동기 vs 비동기

동기(synchronous)

서버에서 요청 시 응답이 돌아와야만 다음 동작을 수행할 수 있다.
설계가 간단하고 직관적이지만, 결과가 주어질 때까지 대기해야 한다.

비동기(Asynchronous)

요청을 보냈을 때 응답 상태와 관계없이 다음 동작을 수행할 수 있다.
동기보다 복잡하지만, 결과가 주어지는 동안 다른 작업을 할 수 있어 자원을 효율적으로 사용할 수 있다.

* Ajax

Ajax란?

Asynchronous JavaScript and XML의 약자로,
자바스크립트를 통해 비동기식으로 서버에 데이터를 요청하고 받아와 페이지를 새로고침하지 않고도 변경이 필요한 부분만 고치는 기법이다.

Ajax 함수

  • url : 통신을 원하는 URL 주소를 입력한다. (필수 입력)
  • data : 서버로 보낼 데이터를 입력한다.
  • type : GET, POST 등의 통신 방식을 지정한다.
  • dataType : 통신 결과로 넘어오게 될 데이터의 종류를 지정한다.
  • success(data) : 통신 성공시 호출해야 하는 함수를 지정한다. 매개변수로 통신 결과로 넘어온 데이터를 받는다.
  • error : 통신 실패시 호출해야하는 함수를 지정한다.
profile
꾸준히

0개의 댓글