Bagaimana Saya Boleh Membuat Panggilan AJAX Tanpa jQuery?

Membuat Panggilan AJAX Tanpa jQuery

Dalam landskap pembangunan web hari ini, AJAX telah menjadi teknik penting untuk meningkatkan pengalaman pengguna. Walaupun jQuery memudahkan proses membuat panggilan AJAX, adalah penting untuk memahami cara melaksanakannya menggunakan JavaScript vanila.

Satu pendekatan untuk membuat panggilan AJAX tanpa jQuery adalah dengan menggunakan objek XMLHttpRequest (XHR). Berikut ialah contoh:

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

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4
           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();
}

Dalam skrip ini, kami mencipta objek XMLHttpRequest dan menyediakan pendengar acara untuk acara readystatechange. Apabila permintaan selesai (keadaan sedia ialah 4), kami menyemak kod status dan melakukan tindakan yang sesuai berdasarkan hasilnya.

jQuery menyediakan cara yang lebih ringkas untuk membuat panggilan AJAX, seperti yang dilihat di sini:

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

Skrip ini menggunakan kaedah jQuery $.ajax(), memberikan lebih fleksibiliti dan kebolehbacaan kod. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa jQuery bergantung pada kemasukan perpustakaan jQuery, manakala pendekatan JavaScript vanila berfungsi secara asli dalam kebanyakan penyemak imbas moden.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Membuat Panggilan AJAX Tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!