Bagaimanakah Saya Boleh Membuat Panggilan AJAX Menggunakan JavaScript dan jQuery Biasa?

Melaksanakan Panggilan AJAX dalam JavaScript

Walaupun jQuery memudahkan operasi AJAX, adalah mungkin untuk membuat panggilan AJAX menggunakan JavaScript biasa. Begini caranya:

Vanila 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");
    }
});

Dengan menggunakan kaedah JavaScript vanila , anda boleh membuat panggilan AJAX secara langsung, memberikan fleksibiliti dan membenarkan manipulasi respons tanpa bergantung pada jQuery.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Panggilan AJAX Menggunakan JavaScript dan jQuery Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!