Πώς να κάνετε AJAX Με την PHP και HTML

Λειτουργίες AJAX επιτρέπουν ιστοσελίδες για να ενημερώσετε το περιεχόμενο HTML , χωρίς ο χρήστης να χρειάζεται να ανανεώσετε τη σελίδα ή να περιηγηθείτε σε μια άλλη σελίδα . Η σήμανση HTML για μια σελίδα μπορεί να καλέσει μια λειτουργία JavaScript , τα οποία με τη σειρά της μπορεί να καλέσει ένα PHP script . Το σενάριο PHP μπορεί να προσκομίσει πρόσθετα στοιχεία , μερικές φορές από μια βάση δεδομένων και να διαμορφωθεί σε XML σήμανσης , επιστρέφοντας αυτό με τη λειτουργία JavaScript . Ο κώδικας JavaScript μπορεί στη συνέχεια να γράψει αυτό νέα δεδομένα στην HTML , κάνοντας νέες πληροφορίες εμφανίζονται όταν ο χρήστης αλληλεπιδρά με την ιστοσελίδα. Οδηγίες
Η

1 Δημιουργήστε ένα νέο έγγραφο HTML . " . Html " Πληκτρολογήστε τον ακόλουθο κώδικα σε ένα κενό αρχείο στον κειμενογράφο σας και να δώσει το ένα αρχείο επέκτασης όταν το αποθηκεύσετε :

<Τύπος script = "text /javascript " > λειτουργία των δεδομένων διεργασίας ( ) { //φέρω νέα δεδομένα }

Όταν ο χρήστης κάνει κλικ στο κουμπί που εμφανίζεται σε αυτό το σελίδα , ο browser θα καλέσει τη λειτουργία JavaScript στο τμήμα της κεφαλής της σελίδας . 2

Δημιουργήστε ένα αντικείμενο XMLHttpRequest . Προσθέστε τον ακόλουθο κώδικα μέσα στη συνάρτηση JavaScript :

var XMLHTTP ? Εάν ( window.XMLHttpRequest ) { XMLHTTP = νέα XMLHttpRequest ( ) ? } Else { XMLHTTP = νέα ActiveXObject ( " Microsoft.XMLHTTP " ) ? }

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

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

Xmlhttp.open ( "GET " , " get_data.php " , αλήθεια)? XmlHTTP.send ( ) ?

εντολή στον browser για να ζητήσει συμπληρωματικές πληροφορίες από το σενάριο PHP έχει καθοριστεί.
Η 4

Δημιουργήστε PHP script σας . Ανοίξτε ένα νέο αρχείο σε ένα πρόγραμμα επεξεργασίας κειμένου και αποθηκεύστε το ως " get_data.php " για να ταιριάζει με την παράμετρο με τη μέθοδο αποστολής θα χρησιμοποιηθεί στον κώδικα σας JavaScript . Πληκτρολογήστε το ακόλουθο δείγμα κώδικα :

<; phpecho " Νέα δεδομένα " ? >

Αυτό είναι ένα απλό παράδειγμα για επίδειξη , αλλά μπορείτε να προσθέσετε οποιοδήποτε επεξεργασία PHP που χρειάζεστε , συμπεριλαμβανομένων των ερωτημάτων βάσης δεδομένων . Μπορείτε επίσης να δημιουργήσετε το κείμενο απάντησή σας σε XML σήμανσης , εάν αυτό ταιριάζει το site σας .
5

Χειριστείτε την απάντηση από την PHP script σας . Σε λειτουργία το JavaScript , πριν από τη γραμμή στην οποία θα ανοίξετε το αντικείμενο XMLHttpRequest , προσθέστε τον ακόλουθο κώδικα :

xmlHTTP.onreadystatechange = λειτουργία ( ) {if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) { //χειριστεί τα δεδομένα απόκρισης } }

Όταν JavaScript λάβει μια απάντηση από το script PHP , αυτός ο κώδικας θα εκτελεστεί . Ο κώδικας ελέγχει ότι η απάντηση είναι έγκυρη . Μέσα σε αυτό υπό όρους δήλωση , μπορείτε να προσθέσετε κώδικα για να γράψει τα νέα δεδομένα στη σελίδα HTML σας .
Η 6

Ενημέρωση του περιεχομένου της σελίδας σας . Στην απάντηση JavaScript όρους δήλωση , προσθέστε τον ακόλουθο κώδικα :

document.getElementById ( "ενημέρωση " ) innerHTML = xmlHTTP.responseText ?

Ο κωδικός αυτός προσδιορίζει το στοιχείο div στη σελίδα και . στη συνέχεια γράφει το κείμενο απάντηση από τον κώδικα PHP σε αυτό .
Η 7

Αποθηκεύστε τα αρχεία σας και να ανεβάσετε τους στο διακομιστή σας. Περιηγηθείτε στη σελίδα και κάντε κλικ στο κουμπί για να ελέγξετε ότι η λειτουργία του εργοστασίου . Θα πρέπει να δείτε το περιεχόμενο της αλλαγής του στοιχείου div .
Η
εικόνων