SPEAKER 1: Lad os implementere en web side, der giver brugerne mulighed for at se op aktiekurser. Lad os antage først, at der findes en fil kaldet quote.php, men dette kunne implementeres i de fleste helst sprog, men hvis formål i livet er at forvente en HTTP GET parameter kaldet symbol, hvis værdi er symbol på materiel, som du gerne vil have et tilbud. 

For eksempel, hvis vi ser på denne fil i min browser, quote.php, bemærke, at Jeg har bestået i, allerede et symbol af FB, for Facebook. Og bemærk, at det er kommet tilbage er en JSON objekt med tre taster. Ens kaldet symbol, en kaldet navn, og en kaldet pris. Værdierne for der er præcis det fra den pågældende fil. 

Lad os nu vende vores opmærksomhed mod den begyndelse af nogle HTML og JavaScript. Her, i ajax-0.html, bemærke, at inde på min side krop Jeg har en formular der har en onsubmit attribut, den værdi er citat og tilbagevenden falsk, og dermed angive, at jeg gerne at kalde en JavaScript-funktion kaldet citat og derefter vende tilbage falsk. I mellemtiden inde i denne form er en symbol, hvis id er, citat citat slut, "Symbol", og derefter en anden indgang, hvis type er anført, at giver mig en indsendelse knappen. 

I mellemtiden, inde på min side hoved, der er en script-tag, kilden til der er URL'en til jQuery, selve populære JavaScript-bibliotek, og under det er en anden script-tag, inde i hvilket er begyndelsen på nogle JavaScript, som jeg selv vil skrive. Det er det citat funktion, der vil sidste ende blive kaldt, og indersiden af her lad os erklære en variabel kaldet URL, præciseret, at værdien af ​​denne variabel skal være quote.php? symbol = ". 

Og lad os nu sammenkæde på enden af den indledende snor uanset symbol brugeren har formentlig skrevet. Specifikt, lad os gøre + $ "" # symbol hvorved det præciseres, at jeg gerne vil får, med jQuery fra min DOM, elementet, hvis unikke identifikator, et symbol. Husk på, at det er simpelthen den tekst felt, hvor brugeren vil skrive denne bestand symbol. 

Så lad os kalde val, som er en funktion eller metode, der vil få den værdi, som brugeren har indtastet i. Og så lad os kalde en jQuery funktion kaldet getJSON, der passerer ind som den første argument, at URL, passerer, som det andet argument, en anonym funktion, der forventer et enkelt argument. Data, vil vi kalde det. Og inde i denne anonyme funktion, vi vil simpelthen gøre opmærksom, og derefter i parenteser, data.price. Hvis data, trods alt, er at JSON objekt med tre felter - symbol, navn og pris, ved gør data.price jeg får præcis denne værdi. 

Lad os nu gemme filen og åbner det op i en browser. http://localhost/ajax-0.html. Her har vi denne form. Lad os skrive i FB for Facebook og få tilbud. Og der er altså Facebooks seneste aktiekursen.