728x90

callAjax 1

JavaScript Ajax 초간단 예제

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

728x90