Wie kann ich AJAX-Aufrufe mit einfachem JavaScript durchführen?

AJAX-Aufrufe in einfachem JavaScript

Das Durchführen von AJAX-Aufrufen ohne jQuery bietet mehr Flexibilität und Kontrolle über Netzwerkinteraktionen. So geht's:

Erstellen des Request-Objekts

Erstellen Sie zunächst ein neues XMLHttpRequest-Objekt, das den Kern von AJAX-Aufrufen in einfachem JavaScript darstellt:

var xmlhttp = new XMLHttpRequest();

Umgang mit der Antwort

Definieren Sie eine onreadystatechange-Funktion zum Überwachen des Status der Anfrage:

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

Senden der Anfrage

Geben Sie die HTTP-Methode, die URL und ob die Anfrage asynchron oder synchron ist:

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

Das obige ist der detaillierte Inhalt vonWie kann ich AJAX-Aufrufe mit einfachem JavaScript durchführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!