Introduktion til AJAX

AJAX-teknologien er en metode til at opdatere en del af en side uden en fuld genindlæsning. Teknologien er baseret på JavaScript, HTTP-protokollen, og en eller anden serverdel, for eksempel PHP, NodeJS, eller en anden.

I dag implementeres arbejdet med AJAX via fetch. Dette er en moderne teknologi, men den fungerer ikke i ældre browsere. En ældre teknologi er brugen af XMLHttpRequest-objektet. Du kan stadig støde på denne teknologi, men det er ikke nødvendigt at sætte sig virkelig ind i den.

For at lære AJAX er det nødvendigt at have en server. Vi vil bruge vores undervisningsserver. Lad os lave en HTML-fil i servermappen, som vi vil åbne i browseren:

public/index.html<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <script src="client.js" defer></script>
  </head>
  <body>
    
  </body>
</html>

Lad os tilkoble en JavaScript-fil til den:

public/client.jsalert('test');