Ajax (Asynchronous Javascript And XML) - 에이잭스



서버에 요청을 하고있어 응답을 받게 되면 성공이나 실패 등에 따라 함수가 실행하게 되는데 그 함수가 먼저 실행되는 것이 아니라 서버의 응답을 받은 후 실행되는 것.

 

자바스크립트를 통해서 서버에 데이터를 요청한다.

HTML form태그가 아니라 자바스크립트를 통해서!

 

Ajax는 자체가 하나의 특정한 기술을 말하는 것이 아니며

함께 사용하는 기술의 묶음을 지칭하는 용어로 여러가지 기술집합을 의미한다.


웹 클라이언트 측에서 Reload 없이 비동기적으로 콘텐츠를 변경하기 위해 사용하는 모든 기술을 지칭한다.

서버에서 로딩된 데이터를 페이지에 보여주기 위해 새로운 HTML페이지로 간다거나

새로고침을 할 필요가 없이 부분부분만 로딩한다.

 



Ajax 장점


1.      페이지 이동없이 (부분부분만 로딩) 고속으로 화면을 전환할 수 있다.

2.      수신하는 데이터 양을 줄일 수 있다.

3.      클라이언트에게 처리를 위임할 수 있다.



 

Ajax단점


1.      페이지 이동 없는 통신으로 인한 보안성의 문제가 있다.

2.      스크립트로 작성되므로 디버깅이 용이하지 않다..

3.      Ajax 요청을 남발하여 사용하게 되면 역으로 서버에 부하가 늘 수 있어서 필요한 

   부분에서만 적절히 사용하는 것이 효율적이다.





Ajax요청을 남발하여 사용하게 되면 역으로 서버에 부하가 늘 수 있어 필요한 부분에서만 

사용하고 *Submit과 적절히 사용하는 것이 효율적이다. 


 

* Submit이란?

동기방식으로 DOM(HTML)을 그릴 때 쓴다.

메인화면이 생기고 View DOM을 그리는 상황이 Submit이다.

전체페이지 절반이상을 바꿔야한 상황에서는 Submit을 사용한다.


동기 (synchronous) 

 비동기 (Asynchronous)

 

  • 작업이 완료될 때 까지 대기 한 후 순차적으로 실행.

  • 타임아웃 처리(타임아웃을 건다)

  • 초 동안 기다리고 넘어가면 강제적으로 오류를 뱉어 기다림을 멈추게 해준다.

  •           작업완료까지 기다리지 않고 다른 동작이 실행된다.

  •           버튼을 누르고 실행될 때까지 기다리지않고 다른버튼을 누르면 바로 다음버튼이 실행된다


반응형

+ Recent posts