Hantera AJAX-svar

Förstå AJAX-svar

• Ett AJAX-svar är data som returneras från servern till klienten.
• Svaret har en statuskod (t.ex. 200 OK) som indikerar om begäran lyckades.
• Svaret innehåller även data, som kan vara i JSON-, XML- eller textformat.

Behandla svarsstatus

• Kontrollera statuskoden för att se om begäran lyckades.
• Om statuskoden inte är 200, hantera felet lämpligen.

Behandla svarsuppgifter

• Beroende på svarets format (JSON, XML eller text) måste du parsa data.
• Om data är i JSON-format, använd JSON.parse().
• Om data är i XML-format, använd XMLDocument-objektet.

Callback-funktioner

• Callback-funktioner används för att köra kod när AJAX-begäran är klar.
• Lägg till en callback-funktion som ett argument till AJAX-begäran.
• Callback-funktionen körs när svaret har tagits emot.

DOM-manipulering

• Använd callback-funktionen för att manipulera DOM.
• Skapa nya element, uppdatera existerande eller ta bort element.
• Använd metoder som document.createElement(), document.getElementById() och element.innerHTML.

Exempel

function getFromServer() {
  // Skicka en AJAX-begäran till servern
  const xhr = new XMLHttpRequest();
  xhr.open("GET", "data.json");
  xhr.onload = function() {
    if (xhr.status === 200) {
      // Parsa JSON-svaret
      const data = JSON.parse(xhr.responseText);

      // Uppdatera webbsidan dynamiskt
      document.getElementById("result").innerHTML = data.message;
    } else {
      // Hantera fel
    }
  };
  xhr.send();
}