Πρόκειται για ένα νέο τμήμα του πηγαίου κώδικα, ώστε σκεφτήκαμε τι θα μπορούσαμε να έχουμε ως ένα χρήσιμο πρώτο παράδειγμα χρησιμοποιώντας Ajax, PHP και ένα κομμάτι της JavaScript. Ένα παράδειγμα ταινία μετοχών. Αφήνει να πάει
Μέρος 1: Είναι το ίδιο το έντυπο.
<html>
<head>
type="text/javascript" <script src="getstock.js"> </ script>
</ Head>
<body>
<form>
Πληκτρολογήστε το απόθεμα σύμβολο σας ticker:
type="text" <input id="txt1" size="30" onkeyup="showQuote(this.value)">
</ Φόρμα> <p>
id="stockOutput"> <div
<b>
</ B>
</ Div>
</ P>
</ Body>
</ Html>
Μέρος 2: Αυτό είναι το σύνολο των σημαντικών Javascript, σε αυτό το παράδειγμα είναι Calles getstock.js
var XMLHTTP?
showQuote λειτουργία (οδός)
(
XMLHTTP = GetXmlHttpObject ()?
εάν (XMLHTTP == null)
(
alert ("Browser δεν υποστηρίζει HTTP Request»)?
επιστροφή?
)
var url = "getstock.php"?
url = url + "? q =" + str?
url = url + "& sid =" + Math.random ()?
xmlHttp.onreadystatechange = stateChanged?
Xmlhttp.open ("GET", url, αλήθεια)?
xmlHttp.send (null)?
)
λειτουργία stateChanged ()
(
εάν (xmlHttp.readyState == 4 | | xmlHttp.readyState == "πλήρης")
(
document.getElementById ("stockOutput")
. InnerHTML xmlHttp.responseText =?
)
) Λειτουργία GetXmlHttpObject ()
(
var XMLHTTP = null?
προσπαθώ
(
/ / Firefox, Opera 8.0 +, Safari
XMLHTTP = νέα XMLHttpRequest ()?
)
αλιευμάτων (ε)
(
/ / Τον Internet Explorer
προσπαθώ
(
XMLHTTP = νέα ActiveXObject ("Msxml2.XMLHTTP")?
)
αλιευμάτων (ε)
(
XMLHTTP = νέα ActiveXObject ("Microsoft.XMLHTTP")?
)
)
XMLHTTP επιστροφή?
)
Μέρος 3: Το λίγο ενδιέφερε, ο κώδικας PHP και πάλι αυτό ονομάζεται getstock.php
<? Php
/ / Πάρετε το q παραμέτρου από URL
$ Q = $ _GET ["q "];// μάθετε τα οποία τρέφονται επελέγη
$ Fp = fopen (" http://finance.yahoo.com/d/quotes.csv?s = $ q & f = sl1d1t1c1ohgv & e "csv =.," r ")?
$ Data = fgetcsv ($ fp, 1000, ",")
;>
<! - Αυτό είναι το τραπέζι μας, η οποία εμφανίζει τις πληροφορίες stock ->
<! - Έχουμε πρόσβαση με τα επιμέρους αντικείμενα, χρησιμοποιώντας $ δεδομένων [0] ->
<html>
<head>
</ Head>
<body>
<table>
<tr> <περιγραφή <td> / td> <td> τελευταία <αριθμός / td> <tr>
<tr> <σύμβολο <td> / td> <td> <? php echo $ δεδομένων [0]?> </ td> </ tr>
<tr> <td> τελευταία <τιμής / td> <td> <? php echo $ δεδομένων [1];> </ td> </ tr>
<tr> <ημερομηνία <td> / td> <td> <? php echo $ δεδομένων [2];> </ td> </ tr>
<tr> <φορά <td> / td> <td> <? php echo $ δεδομένων [3];> </ td> </ tr>
<tr> <αλλαγή <td> / td> <td> <? php echo $ δεδομένων [4];> </ td> </ tr>
<tr> <td> ανοιχτό </ td> <td> <? php echo $ δεδομένων [5];> </ td> </ tr>
<tr> <td> υψηλή </ td> <td> <? php echo $ δεδομένων [6];> </ td> </ tr>
<tr> <td> χαμηλό </ td> <td> <? php echo $ δεδομένων [7];> </ td> </ tr>
<tr> <όγκος <td> / td> <td> <? php echo $ δεδομένα [8]?> </ td> </ tr>
</ Table>
<? Php
/ / Κλείσιμο του filehandle $ fp
Αδυναμία εγγραφής αρχείου ($ fp)?
;>
Θέλετε να δείτε τι μοιάζει, επισκεφθείτε το σύνδεσμο και αρχίστε να πληκτρολογείτε ένα σύμβολο Ticker (MSFT, GOOG είναι 2 παραδείγματα)
http://www.getphp.net/ajaxexamples/stock/stockform.php
Σημείωση Εάν χρησιμοποιείτε αυτό το πρόσθετο σε μια πίστωση για την Yahoo για την ευγενική παραχώρηση των στοιχείων.
PS
Θα συζητήσουμε για το πώς αυτή η όλη εργασία σε μεταγενέστερη ημερομηνία
Σχετικές θέσεις:
- Μάθηση PHP, MySQL, JavaScript και: Ένα βήμα-προς-βήμα οδηγό για την Δημιουργία Δυναμικών Ιστοσελίδων (Paperback) Μάθετε πώς να δημιουργήσετε ανταποκρίνεται στις ανάγκες, τα δεδομένα που βασίζονται σε δικτυακούς τόπους με PHP, ...
Σχετικές θέσεις έφερε σε σας από ένα ακόμη Σχετικές Θέσεις Plugin .
[...] Άλλο Ajax και PHP Stock Quote παράδειγμα | Getphp: PHP και MySQL πόρων 3. Η ελεύθερη πηγή δεδομένων Οι περισσότερες από τις λύσεις που AJAX φαίνεται να στηρίζουν την εφαρμογή Ιστού σε ένα Yhaoo [...]