>> SPEAKER 1: La oss gjennomføre en web side som lar brukerne
se opp aksjekurser.
La oss anta først at det eksisterer en fil som heter quote.php, men dette
kunne bli implementert i de fleste noen språk, men som har som formål i livet er
å forvente en HTTP GET-parameter som heter symbol, er verdien av hvilken
symbolet på lager som du ønsker et pristilbud.
>> For eksempel, hvis vi ser på denne filen i nettleseren min, quote.php, legge merke til at
Jeg har gått i, allerede, et symbol av FB, for Facebook.
Og legg merke til at det som har kommet tilbake er en JSON objekt med tre nøkler.
Ens kalt symbol, en som heter navn, og en som heter pris.
Verdiene som er nettopp det fra den aktuelle filen.
>> La oss nå vende oppmerksomheten mot den begynnelse av noen HTML og
Javascript.
Her, i ajax-0.html, legge merke til at innsiden på siden min kropp jeg har en form
som har en onsubmit egenskap, at verdi som er sitat og retur
usant, og dermed spesifisere at jeg ønsker å kalle en Javascript-funksjon
kalt sitat og deretter returnere false.
I mellomtiden er inne for at formen a symbol som har IDen, sitat unquote,
"Symbol", og deretter en annen inngang som type er sende som gir meg en
innsending knappen.
>> I mellomtiden, inne på siden min hode, det er et script tag, kilden til
som er nettadressen til jQuery, de aller populære Javascript-bibliotek, og under
det er en annen script tag, innsiden av som er begynnelsen på noen
Javascript som jeg selv vil skrive.
Dette er sitat funksjon som vil til slutt bli kalt, og innsiden av
her la oss erklære en variabel kalt URL, spesifisert at verdien av dette
variable skal være quote.php? symbol = ".
>> Og nå skal vi sette sammen på slutten av det første strengen uansett symbol
brukeren har antagelig skrevet.
Nærmere bestemt, la oss gjøre + $ "" #-symbol dermed spesifisere at jeg har lyst til
få, med jQuery fra min DOM, elementet hvis unike
identifikator, et symbol.
Husker at det er rett og slett teksten feltet der brukeren skal
skriver at aksjesymbol.
>> Så la oss kalle val, som er en funksjon eller en metode som vil få
verdi at brukerens skrevet i.
Og så la oss kalle en jQuery-funksjon kalt getJSON, passerer inn som
første argumentet som URL, passerer, som det andre argumentet, en anonym
funksjon som forventer et enkelt argument.
Data, vil vi kalle det.
Og inne i denne anonym funksjon, vi vil bare gjøre oppmerksom, og deretter i
parentes, data.price.
Hvis data, tross alt, er at JSON objekt med tre felt -
symbol, navn og pris, etter gjør data.price jeg får
akkurat denne verdien.
>> La oss nå lagre filen og åpne den opp i en nettleser.
http://localhost/ajax-0.html.
Her har vi det skjemaet.
La oss skrive i FB for Facebook og få tilbud.
Og der, da, er Facebooks siste aksjekursen.