>> LUIDSPREKER 1: Laten we implementeren van een web pagina die gebruikers in staat stelt om
opzoeken aandelenkoersen.
Laten we veronderstellen eerst dat er een bestand genaamd quote.php, maar dit
in het meest wordt uitgevoerd elke taal, maar waarvan het doel in het leven is
een HTTP GET parameter genaamd verwachten symbool, de waarde waarvan de
symbool van de voorraad voor die u wilt een offerte.
>> Bijvoorbeeld, als we kijken naar dit bestand in mijn browser, quote.php, merken dat
Ik heb aangenomen in, al, een symbool van FB, voor Facebook.
En merk op dat wat terug is gekomen is een JSON object met drie sleutels.
Een heet symbool, een zogenaamde te noemen, en een zogenaamde prijs.
De waarden die precies dat van het bestand in kwestie.
>> Laten we nu onze aandacht richten op de begin van een aantal HTML en
JavaScript.
Hier, in ajax-0.html, merken dat binnen van mijn pagina's lichaam Ik heb een vorm
dat heeft een onsubmit kenmerk, de waarde van die offerte en terugkeer
vals, waarin wordt vastgelegd dat ik zou willen naar een JavaScript-functie aan te roepen
riep citaat en dan return false.
Ondertussen binnenkant van die vorm een symbool wiens ID is, citaat unquote,
"Symbool," en dan een andere ingang waarvan type is van mening dat geeft me een
indiening knop.
>> Ondertussen, de binnenkant van mijn pagina's hoofd, er is een script-tag, de bron van
dat is de URL naar jQuery, de zeer populaire JavaScript-bibliotheek, en onder
dat is een ander script-tag, de binnenkant van die het begin van sommige
JavaScript dat ik zelf zal schrijven.
Dit is het citaat functie die zal Uiteindelijk worden genoemd, en de binnenkant van
hier laten we verklaren een variabele genaamd URL bepaald dat de waarde van deze
variabele is quote.php? symbool = ".
>> En laten we nu samenvoegen op het uiteinde van die eerste reeks wat symbool
de gebruiker vermoedelijk heeft getypt.
In het bijzonder, laten we het doen + $ "" # symbool waarin wordt vastgelegd dat ik zou willen
krijgen, met jQuery uit mijn DOM, het element wiens unieke
identifier, een symbool.
Bedenk dat dat is gewoon de tekst veld waarin de gebruiker gaat
typt dat aandelensymbool.
>> Laten we dan noemen val, die een functie is of methode die krijgt de
waarde die de gebruiker intikt
En dan laten we noemen een jQuery functie riep getJSON, passeren in de
eerste argument dat URL, passeren in, zoals het tweede argument, een anonieme
functie die verwacht een enkel argument.
Gegevens, zullen we het noemen.
En de binnenkant van deze anonieme functie, zullen we gewoon doen alert, en vervolgens in
haakjes data.price.
Indien gegevens, immers is dat JSON object met drie velden -
symbool, de naam, en de prijs, door doen data.price Ik krijg
precies die waarde.
>> Laten we nu het bestand opslaan en open het in een browser.
http://localhost/ajax-0.html.
Hier hebben we die vorm.
Laten we typen FB Facebook en offerte aanvragen.
En daar is dan Facebook laatste beurskoers.