>> 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.