Michael Kalochristianakis

Electrical and Computer Engineer


article: is there a need for new technologies ?, patris.gr, 19/9/2024 new



wokring on having it autoplay (google blocks it)... till then, unmute or click below to change
'because we tend to be nice to other people when they please us and nasty when they do not, we are statistically punished for being nice and rewarded for being nasty', D. Kahneman

web programming

εργαστήριο 10: xml και ajax

  • τι πρέπει να ξέρετε
    • ο AJAX αξιοποιεί εκτέλεση σεναρίων στους φυλλομετρητές για ασύγχρονη επικοινωνία βασισμένη σε πληροφορία XML. AJAX = Asynchronous Javascript And XML
    • πρακτικά: το AJAX επιτρέπει υποβολή http αιτήσεων ως αποτέλεσμα εκτέλεσης javascript
    • αποτέλεσμα: οι σελίδες μπορούν να μεταφορτώνονται από τον server και σε δεύτερο χρόνο, μετά από εντολή του χρήστη να μεταβάλλονται, ανακτώντας περιεχόμενο ή αντικείμενο κώδικα ή πηγαίο κώδικα. Πχ μεταφόρτωση και εκτέλεση εικόνων/πολυμέσων, μεταφόρτωση ενεργών στοιχείων (applets/activex), μεταφόρτωση σεναρίων javascript, styles, κτλ
  • λειτουργία του AJAX
  • βασική λειτουργία του AJAX
  •  
  • παράδειγμα
    • η βασική σελίδα έχει ήδη φορτωθεί υλοποιώντας ένα σενάριο τεμπέλικης φόρτωσης (lazy loading)
    • πατήστε για να μεταφορτώσετε την υπόλοιπη
    • αν δεν λειτουργεί (για οποιονδήποτε λόγο) δείτε το video
  •  
  • βασική χρήση
    • χρήση όπως η τυπική javascript
    • δημιουργία HTTP αίτησης με xmlhttp=new XMLHttpRequest()
    • άνοιγμα σύνδεσης με xmlhttp.open("GET","http://www.w3schools.com/Ajax/ajax.gif,true), true/false για ασύγχρονη/σύγχρονη επικοινωνία
    • αποστολή της αίτησης xmlhttp.send()
    • ανάκτηση απόκρισης xmlhttp.responseText ή xmlhttp.responseXml και ανίχνευση κατάστασης του response
    • χρήση DOM και javascript για την αξιοποίηση του αποτελέσματος
    • δείτε τον πηγαίο κώδικα και τις αναφορές
  • χρήσιμοι σύνδεσμοι:
August 2004