Bagaimanakah Saya Boleh Membuat Panggilan AJAX Menggunakan JavaScript Biasa?

Panggilan AJAX dalam JavaScript Biasa

Membuat panggilan AJAX tanpa jQuery menawarkan fleksibiliti dan kawalan yang lebih besar ke atas interaksi rangkaian. Begini cara untuk melakukannya:

Mencipta Objek Permintaan

Mula-mula, cipta objek XMLHttpRequest baharu, yang merupakan teras panggilan AJAX dalam JavaScript biasa:

var xmlhttp = new XMLHttpRequest();

Mengendalikan Respons

Tentukan fungsi onreadystatechange untuk memantau status permintaan:

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

Menghantar Permintaan

Nyatakan kaedah HTTP , URL dan sama ada permintaan itu tidak segerak atau segerak:

xmlhttp.open("GET", "ajax_info.txt", true);
// Asynchronous request is recommended for performance
xmlhttp.send();

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