background image

Σχεδιασμός και κατασκευή ενός υβριδικού αμυντικού αυτοματοποιημένου ρομποτικού συστήματος 

 

 

 

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, και ενημερώνεται το ανάλογο τμήμα μιας ιστοσελίδας χωρίς να φορτώνεται 

εκ νέου ολόκληρη η σελίδα, επιτυγχάνοντας με αυτόν τον τρόπο πιο γρήγορη απεικόνιση των 

δεδομένων.