ajax (2) 썸네일형 리스트형 [Ajax] jQuery로 Ajax 구현 시 사용되는 설정값 모음 구현하는 '방법'에 대한 설명은 정말 많아서 입맞게 맞게 찾아서 볼 수 있다. 내가 이 글을 포스팅하는 이유는, Ajax 통신에 사용되는 설정값을 머릿속에 일목요연하게 정리하고 싶었기 때문이다. 정확히 알아야 "이렇게 하면 될 것 같은데.." 하는, '감'에 의존해서 구현하는 버릇을 없앨 수 있다고 생각한다. JQuery를 활용한 Ajax 통신 jQuery는 Ajax 통신을 위한 다양한 구현 방법을 제공한다. 그 중에서 Low-Level Interface 중의 하나인 jQuery.ajax() 형태로 구현하는 방법에 대해서 알아본다. 일반적으로 다음의 구조를 가진다. 설정에 사용되는 속성 이름 및 값은 XMLHttpRequest 객체를 통한 Ajax 통신에서 사용되는 속성 이름 및 값과 겹치는 부분이 많다.. [Ajax] JavaScript로 Ajax 구현 JavaScript / XMLHttpRequest 객체를 통한 Ajax 구현 Ajax를 통해 페이지 전체가 아닌 일부분만 로드하는 등의 비동기 처리를 구현할 수 있다. 구현은 JavaScript 또는 jQuery를 이용하는 두 가지 방식이 있다. JavaScript는 브라우저에 내장된 XMLHttpRequest 객체를 통해 Ajax 통신을 구현한다. XMLHttpRequest는 XML 형식을 포함한 다양한 종류의 데이터를 취급할 수 있다. 아래 이미지는 JavaScript 환경에서 Ajax 통신이 어떻게 진행되는지 설명한다. 1. 웹 페이지 내에서 이벤트 실행. 2. JavaScript에 의해 XMLHttpRequest 객체 생성. 3. XMLHttpRequest 객체가 웹 서버로 요청사항 전달. 4. .. 이전 1 다음
