Εισαγωγή στο AJAX

Η τεχνολογία AJAX είναι ένας τρόπος ενημέρωσης ενός μέρους μιας σελίδας χωρίς πλήρη reload. Βασίζεται στην JavaScript, το πρωτόκολλο HTTP και κάποιο server-side μέρος, για παράδειγμα, PHP, NodeJS, ή οποιοδήποτε άλλο.

Σήμερα, η εργασία με το AJAX υλοποιείται μέσω του fetch. Αυτή είναι μια σύγχρονη τεχνολογία, αλλά δεν λειτουργεί σε παλιά browsers. Μια πιο παλιά τεχνολογία είναι η χρήση του αντικειμένου XMLHttpRequest. Μπορεί ακόμα να συναντήσετε αυτή την τεχνολογία, αλλά δεν αξίζει να εμβαθύνετε πολύ σε αυτήν.

Για να μελετήσετε τη λειτουργία του AJAX απαιτείται η ύπαρξη server. Θα χρησιμοποιήσουμε τον εκπαιδευτικό server μας. Ας φτιάξουμε στο φάκελο του server ένα HTML αρχείο, το οποίο θα ανοίγουμε στο browser:

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

Ας συνδέσουμε σε αυτό ένα JavaScript αρχείο:

public/client.jsalert('test');