반응형

Ajax 2

[JS] Ajax가 새로고침 없이 동적으로 페이지를 바꾸는 원리

웹사이트를 이용할 때 댓글을 달거나 좋아요를 누르면 페이지가 새로고침되지 않고도 바로 반영되는 것을 본 적이 있을 것이다. 이는 마치 마법처럼 느껴질 수 있지만, 사실 그 뒤에는 AJAX와 브라우저 렌더링의 강력한 메커니즘이 숨어 있다.   AJAX는 어떻게 동작하는가?AJAX(Asynchronous JavaScript and XML)는 서버와 비동기적으로 데이터를 주고받는 기술이다. AJAX가 등장하기 전에는 새로운 데이터를 받아오기 위해 페이지 전체를 다시 로드해야 했다. 예를 들어 댓글을 달 때마다 페이지가 새로고침되면서 작성 중이던 내용이 사라지거나 스크롤 위치가 초기화되었다. 그러나 AJAX 덕분에 페이지 일부만 수정하고 새로고침 없이 데이터를 업데이트할 수 있게 되었다.  AJAX가 동적으로 ..

[JS] Ajax(Asynchronous JavaScript and XML)란 무엇인가

Ajax는 웹 페이지를 동적으로 업데이트하기 위한 기술로, 비동기식으로 서버와 데이터를 주고받을 수 있도록 해준다. Ajax의 주요 목적은 웹 페이지를 전체적으로 새로 고침하지 않고도 부분적인 업데이트를 가능하게 하여, 사용자 경험을 향상시키는 것이다. Ajax의 주요 요소 1. Asynchronous (비동기성): • 웹 페이지와 서버 간의 데이터 전송이 비동기적으로 이루어지므로, 서버에서 응답을 기다리는 동안 웹 페이지는 사용자와 상호작용을 계속할 수 있다. 2. JavaScript: • Ajax 요청을 만들고, 서버로부터 받은 데이터를 처리하는 데 JavaScript를 사용한다. 3. XML (Extensible Markup Language): • 초기 Ajax에서는 XML 형식이 주로 사용되었지만..

반응형