1 00:00:00,000 --> 00:00:02,340 >> HÖGTALARE 1: Låt oss genomföra en web sida som tillåter användare att 2 00:00:02,340 --> 00:00:03,660 slå upp aktiekurser. 3 00:00:03,660 --> 00:00:07,970 Låt oss anta först att det finns en fil som kallas quote.php, men detta 4 00:00:07,970 --> 00:00:11,110 skulle kunna genomföras i de flesta någon språk, men vars syfte i livet är 5 00:00:11,110 --> 00:00:15,800 att förvänta sig en get parameter HTTP kallas symbolen, är den med ett värde som 6 00:00:15,800 --> 00:00:18,120 symbol av beståndet som du vill ha en offert. 7 00:00:18,120 --> 00:00:22,530 >> Till exempel, om vi ser på den här filen i min webbläsare, quote.php, märker att 8 00:00:22,530 --> 00:00:26,900 Jag har gått in, redan, en symbol av FB, för Facebook. 9 00:00:26,900 --> 00:00:31,060 Och märker att det har kommit tillbaka är en JSON objekt med tre nycklar. 10 00:00:31,060 --> 00:00:34,560 Ens kallas symbol, en som heter namn, och en som heter pris. 11 00:00:34,560 --> 00:00:38,920 Värdena som är just det från filen i fråga. 12 00:00:38,920 --> 00:00:41,680 >> Låt oss nu vända vår uppmärksamhet mot början av vissa HTML och 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Här, i ajax-0.html, märker att insidan min sida kropp Jag har ett formulär 15 00:00:48,990 --> 00:00:53,430 som har en onSubmit attributets värde som är citat och retur 16 00:00:53,430 --> 00:00:57,020 falskt, och därigenom anger att jag vill att ringa en JavaScript-funktion 17 00:00:57,020 --> 00:00:59,660 kallas offert och sedan returnera false. 18 00:00:59,660 --> 00:01:04,459 Samtidigt är en insida av formuläret symbol vars ID är, citat unquote, 19 00:01:04,459 --> 00:01:07,940 "Symbol", och sedan en annan ingång vars typ skicka det ger mig en 20 00:01:07,940 --> 00:01:09,280 underkastelse knappen. 21 00:01:09,280 --> 00:01:13,460 >> Samtidigt, inne i min sida huvud, det finns en script-tagg, källan till 22 00:01:13,460 --> 00:01:18,000 vilket är URL till jquery, själva populära JavaScript-bibliotek, och under 23 00:01:18,000 --> 00:01:21,150 det är en annan script-taggen, insida vilket är början till något 24 00:01:21,150 --> 00:01:23,440 JavaScript som jag själv kommer att skriva. 25 00:01:23,440 --> 00:01:26,900 Detta är citatet funktion som kommer slutligen kallas, och insidan av 26 00:01:26,900 --> 00:01:31,300 här ska vi deklarera en variabel som heter URL-adress, som anges att värdet av denna 27 00:01:31,300 --> 00:01:32,590 variabel ska vara quote.php? symbol = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> Och nu ska vi sätta samman på slutet av den ursprungliga strängen oavsett symbol 30 00:01:42,170 --> 00:01:43,840 användaren har förmodligen skrivs. 31 00:01:43,840 --> 00:01:51,770 Specifikt, låt oss göra + $ "" symbolen # därmed anger att jag vill 32 00:01:51,770 --> 00:01:54,910 får, med jquery från min DOM, elementet vars unika 33 00:01:54,910 --> 00:01:56,430 identifierare, en symbol. 34 00:01:56,430 --> 00:01:59,500 Minns att det är helt enkelt texten fält i vilken användaren kommer att 35 00:01:59,500 --> 00:02:01,210 skriver att aktiesymbol. 36 00:02:01,210 --> 00:02:05,030 >> Låt oss kalla val, vilket är en funktion eller metod som kommer att få 37 00:02:05,030 --> 00:02:06,740 värde att användarens skrivits in 38 00:02:06,740 --> 00:02:11,540 Och låt oss kalla en jQuery funktion heter getJSON, passerar in som 39 00:02:11,540 --> 00:02:16,010 första argumentet att URL, som går in som det andra argumentet, en anonym 40 00:02:16,010 --> 00:02:18,900 funktion som förväntar sig ett enda argument. 41 00:02:18,900 --> 00:02:20,360 Data, vi kallar det. 42 00:02:20,360 --> 00:02:25,130 Och inne i denna anonym funktion, Vi ska helt enkelt göra alert, och sedan i 43 00:02:25,130 --> 00:02:27,940 parenteser, data.price. 44 00:02:27,940 --> 00:02:31,470 Om data, trots allt, är att JSON invända med tre fält - 45 00:02:31,470 --> 00:02:35,100 symbol, namn och pris, med gör data.price I get 46 00:02:35,100 --> 00:02:36,640 just detta värde. 47 00:02:36,640 --> 00:02:39,000 >> Låt oss nu spara filen och öppna den i en webbläsare. 48 00:02:39,000 --> 00:02:42,230 49 00:02:42,230 --> 00:02:48,760 http://localhost/ajax-0.html. 50 00:02:48,760 --> 00:02:49,870 Här har vi den formen. 51 00:02:49,870 --> 00:02:52,890 Låt oss skriva på FB för Facebook och få offert. 52 00:02:52,890 --> 00:02:55,070 Och där, då, är Facebooks senaste börskurs. 53 00:02:55,070 --> 00:02:58,368