일반 JavaScript 및 jQuery를 사용하여 AJAX 호출을 어떻게 할 수 있습니까?

JavaScript에서 AJAX 호출 수행

jQuery는 AJAX 작업을 단순화하지만 일반 JavaScript를 사용하여 AJAX 호출을 수행하는 것도 가능합니다. 방법은 다음과 같습니다.

바닐라 JavaScript:

function loadXMLDoc() {
    const xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState === XMLHttpRequest.DONE) {
            if (xmlhttp.status === 200) {
                document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
            } else if (xmlhttp.status === 400) {
                alert('There was an error 400');
            } else {
                alert('Something else other than 200 was returned');
            }
        }
    };

    xmlhttp.open("GET", "ajax_info.txt", true);
    xmlhttp.send();
}

jQuery:

$.ajax({
    url: "test.html",
    context: document.body,
    success: function() {
        $(this).addClass("done");
    }
});

바닐라 JavaScript 방법 활용 , AJAX 호출을 직접 수행하여 유연성을 제공하고 응답을 조작할 수 있습니다. jQuery.

위 내용은 일반 JavaScript 및 jQuery를 사용하여 AJAX 호출을 어떻게 할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!