プレーン 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 中国語 Web サイトの他の関連記事を参照してください。