Σχεδιασμός και κατασκευή ενός υβριδικού αμυντικού αυτοματοποιημένου ρομποτικού συστήματος
54
function myfunct(){
var x = 5;
var y = 6;
var z = x + y;
if(z>10){
alert("Η τιμή ξεπερνά το όριο του 10.");
document.getElementById("test").innerHTML = z;
}
}
Εικόνα 3: Παράδειγμα κώδικα σε JavaScript.
2.1.4 AJAX
Παλαιότερα οι ιστοσελίδες για να ενημερώσουν το περιεχόμενό τους έπρεπε να γίνει
φόρτωση ολόκληρης της σελίδας και όχι μόνο ενός μέρους αυτής. Κάτι τέτοιο είχε τεράστια
μειονεκτήματα, καθώς η σελίδα καθυστερούσε να φορτώσει ξανά και σε περιπτώσεις που
απαιτούνταν είσοδος χρήστη, τα δεδομένα καθυστερούσαν κατά την επικύρωση και τη
μετάβαση του χρήστη στην επόμενη σελίδα. Όλα τα μεγάλα προγράμματα περιήγησης
προσπαθούν να λύσουν αυτό το ζήτημα υιοθετώντας τη χρήση του XMLHttpRequest (XHR)
αντικειμένου, επιτρέποντας στους φυλλομετρητές να επικοινωνήσουν με τον εξυπηρετητή
(server), χωρίς να απαιτείται επαναφόρτωση της σελίδας.
Το αντικείμενο XMLHttpRequest αποτελεί μέρος μιας τεχνολογίας που ονομάζεται
AJAX (Asynchronous JavaScript και XML) [9]. Χρησιμοποιώντας AJAX τα δεδομένα
μεταφέρονται εύκολα μεταξύ του φυλλομετρητή και του εξυπηρετητή χρησιμοποιώντας το
XMLHttpRequest αντικείμενο, χωρίς να χρειάζεται να φορτωθεί η ιστοσελίδα εκ νέου. Με
την AJAX, οι διαδικτυακές εφαρμογές έχουν τη δυνατότητα να στέλνουν και να ανακτούν
δεδομένα από ένα διακομιστή ασύγχρονα (στο παρασκήνιο), χωρίς να αλλάζει η
συμπεριφορά της υπάρχουσας σελίδας. Ουσιαστικά, ολοκληρώνεται η ανταλλαγή δεδομένων
με έναν server, και ενημερώνεται το ανάλογο τμήμα μιας ιστοσελίδας χωρίς να φορτώνεται
εκ νέου ολόκληρη η σελίδα, επιτυγχάνοντας με αυτόν τον τρόπο πιο γρήγορη απεικόνιση των
δεδομένων.