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:

<!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:

alert('test');

Skapa de beskrevna filerna och kontrollera att de fungerar i webbläsaren.