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.