개발자의 끄적거림

Ajax란? Ajax 완벽 정리 Ajax(Asynchronous JavaScript and XML)는 비동기적으로 서버와 브라우저 간에 데이터를 교환하는 웹 개발 기술입니다. Ajax를 사용하면 웹 페이지를 다시 로드하지 않고도 동적으로 데이터를 가져와서 화면에 반영할 수 있습니다. 이 기술은 웹 애플리케이션의 사용자 경험을 향상시키고, 웹 페이지의 성능을 향상시키는 데 중요한 역할을 합니다. Ajax는 다음과 같은 주요 구성 요소로 이루어져 있습니다.  1. **JavaScript**: Ajax의 핵심은 JavaScript입니다. JavaScript를 사용하여 웹 페이지에서 사용자의 상호 작용을 감지하고, 서버와 통신하여 데이터를 가져오거나 전송합니다. 2. **XMLHttpRequest 객체**: X..

[Html 코드] Load Data 위의 예제에서는 "Load Data"라는 버튼을 클릭하면 loadData() 함수가 호출됩니다. 이 함수에서는 XMLHttpRequest 객체를 생성하여 Ajax 요청을 보냅니다. xhr.onreadystatechange 이벤트 핸들러를 등록하여 서버 응답을 처리합니다. readyState 속성이 4인 경우 요청이 완료되었음을 의미하며, 이때 status 속성을 통해 HTTP 상태 코드를 확인할 수 있습니다. 성공적인 응답을 받은 경우 responseText 속성을 통해 서버에서 받은 응답 데이터를 가져올 수 있습니다. 이 데이터를 웹 페이지에 삽입하여 화면에 표시합니다. 요청이 실패한 경우 status 속성을 통해 에러 상태 코드를 확인하고, 콘솔에 에러 메시지를 출..

JavaScript에서 Ajax를 사용하여 서버와 비동기 통신을 하는 방법은 다음과 같습니다: 1. XMLHttpRequest 객체를 생성합니다. var xhttp = new XMLHttpRequest(); 2. 서버로 요청을 보냅니다. xhttp.open("GET", "url", true); xhttp.send(); 위의 코드에서 "GET"은 HTTP 메소드입니다. HTTP 메소드는 서버에 요청을 보낼 때 사용되며, "GET"은 서버로부터 정보를 받아오는 메소드입니다. "url"은 요청을 보낼 서버의 주소입니다. "true"는 비동기식 요청을 의미합니다. 3. 요청 상태를 확인합니다. xhttp.onreadystatechange = function() { if (this.readyState == 4 &..