Introduktion till AJAX

AJAX-tekniken är ett sätt att uppdatera en del av en sida utan att ladda om den helt. Tekniken bygger på JavaScript, HTTP-protokollet, och någon form av serverdel, till exempel PHP, NodeJS, eller något annat.

För närvarande implementeras arbete med AJAX via fetch. Detta är en modern teknik, men som inte fungerar i äldre webbläsare. En äldre teknik är användningen av objektet XMLHttpRequest. Du kan fortfarande stöta på denna teknik, men det är inte värt att fördjupa sig i den.

För att lära sig hur AJAX fungerar krävs en server. Vi kommer att använda vår utbildningsserver. Låt oss skapa en HTML-fil i servermappen som vi öppnar i webbläsaren:

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

Låt oss koppla en JavaScript-fil till den:

public/client.jsalert('test');