Αναφέρετε την αρχή του Code-On-Demand.

Η αρχή του Code-On-Demand (Κώδικας κατ' απαίτηση) είναι ένα από τα προαιρετικά αρχιτεκτονικά στυλ αλληλεπίδρασης στο REST, όπου ο διακομιστής μπορεί προσωρινά να επεκτείνει τη λειτουργικότητα του πελάτη αποστέλλοντας εκτελέσιμο κώδικα.

Αυτό επιτρέπει στον πελάτη να είναι πιο ελαφρύ, μεταφέροντας μέρος της λογικής στον διακομιστή, ο οποίος φορτώνεται "κατ' απαίτηση" όταν χρειάζεται.

Παραδείγματα χρήσης:

JavaScript σε web εφαρμογές: Ο διακομιστής στέλνει κώδικα JavaScript στον περιηγητή, ο οποίος εκτελείται στην πλευρά του πελάτη για την υλοποίηση διαδραστικότητας, επικύρωση δεδομένων, ασύγχρονες αιτήσεις κ.λπ.
Πρόσθετα και επεκτάσεις: Ο διακομιστής μπορεί να παρέχει κώδικα για την επέκταση της λειτουργικότητας της εφαρμογής ή του πελάτη.

Πλεονεκτήματα:

Μείωση του όγκου των μεταδιδόμενων δεδομένων: Ο κώδικας αποστέλλεται μόνο όταν χρειάζεται.
Ευελιξία: Ο διακομιστής μπορεί να αλλάξει δυναμικά τη συμπεριφορά του πελάτη.
Πιο ελαφρύς πελάτης: Ο πελάτης δεν χρειάζεται να υλοποιήσει όλη τη δυνατή λειτουργικότητα εκ των προτέρων.

Μειονεκτήματα:

Πολυπλοκότητα υλοποίησης και ασφάλειας: Απαιτείται μηχανισμός για αξιόπιστη μετάδοση και εκτέλεση κώδικα στην πλευρά του πελάτη.
Απόδοση: Η φόρτωση και η εκτέλεση του κώδικα μπορεί να πάρει χρόνο.

// Παράδειγμα Code-On-Demand στο web: ο διακομιστής στέλνει JS για επικύρωση φόρμας
// Ο διακομιστής στέλνει HTML με μια φόρμα και ένα σκριπτ
/*
<html>
<body>
  <form id="myForm">
    <input type="text" id="myInput">
    <button type="submit">Αποστολή</button>
  </form>

  <script src="/validate.js"></script> // Το σκριπτ φορτώνεται "κατ' απαίτηση"
</body>
</html>
*/

// Περιεχόμενο του /validate.js
// Αυτός ο κώδικας εκτελείται στην πλευρά του πελάτη μετά τη φόρτωση
document.getElementById('myForm').addEventListener('submit', function(event) {
  const input = document.getElementById('myInput');
  if (input.value.trim() === '') {
    alert('Το πεδίο δεν μπορεί να είναι κενό!');
    event.preventDefault(); // Ακυρώνει την αποστολή της φόρμας
  }
});