일반 JavaScript의 AJAX 호출
jQuery 없이 AJAX 호출을 수행하면 네트워크 상호 작용에 대한 유연성과 제어력이 향상됩니다. 방법은 다음과 같습니다.
요청 객체 생성
먼저 일반 JavaScript에서 AJAX 호출의 핵심인 새로운 XMLHttpRequest 객체를 생성합니다.
var xmlhttp = new XMLHttpRequest();
처리 응답
요청 상태를 모니터링하는 onreadystatechange 함수 정의:
xmlhttp.onreadystatechange = function() { // Check if the request is complete if (xmlhttp.readyState == XMLHttpRequest.DONE) { // Check if the request was successful if (xmlhttp.status == 200) { // Process the response text document.getElementById("myDiv").innerHTML = xmlhttp.responseText; } else { // Handle error conditions by status code alert('There was an error ' + xmlhttp.status); } } };
요청 보내기
HTTP 방법 지정 , URL 및 요청이 비동기식인지 동기식인지 여부:
xmlhttp.open("GET", "ajax_info.txt", true); // Asynchronous request is recommended for performance xmlhttp.send();
위 내용은 일반 JavaScript를 사용하여 AJAX 호출을 어떻게 할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!