1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: Nézzük végre egy web oldal, amely lehetővé teszi a felhasználók számára, hogy 2 00:00:02,340 --> 00:00:03,660 felnéz tőzsdei árfolyamokat. 3 00:00:03,660 --> 00:00:07,970 Tegyük fel először, hogy létezik nevű fájlt quote.php, de ez a 4 00:00:07,970 --> 00:00:11,110 lehet végrehajtani a legtöbb olyan nyelv, de akiknek a célja az életben, 5 00:00:11,110 --> 00:00:15,800 számíthat egy HTTP GET paraméter neve szimbólum, az érték az, ami a 6 00:00:15,800 --> 00:00:18,120 szimbóluma az állomány, amely szeretne egy árajánlatot. 7 00:00:18,120 --> 00:00:22,530 >> Például, ha megnézzük ezt a fájlt böngészőm, quote.php, észreveheti, hogy 8 00:00:22,530 --> 00:00:26,900 Már telt el, már, a szimbólum az FB, a Facebook. 9 00:00:26,900 --> 00:00:31,060 És észre, hogy mi jött vissza egy JSON objektum három kulcs. 10 00:00:31,060 --> 00:00:34,560 Az ember nevű szimbólum, egy úgynevezett nevet, és egy úgynevezett árat. 11 00:00:34,560 --> 00:00:38,920 Az értékek, amelyek pontosan ezt A kérdéses fájlt. 12 00:00:38,920 --> 00:00:41,680 >> Most nézzük a figyelmet, hogy a kezdetei néhány HTML és 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Itt, ajax-0.html észre, hogy belső Az oldalam teste van egy űrlap 15 00:00:48,990 --> 00:00:53,430 hogy van egy onSubmit attribútum, a amelyek értéke idézet és visszatérő 16 00:00:53,430 --> 00:00:57,020 hamis, ezzel meghatározva, hogy szeretnék hívni a JavaScript függvényt 17 00:00:57,020 --> 00:00:59,660 úgynevezett quote majd vissza hamis. 18 00:00:59,660 --> 00:01:04,459 Közben, hogy a forma belsejében egy szimbólum, melynek azonosító, idézet idézet vége, 19 00:01:04,459 --> 00:01:07,940 "Szimbólum", és majd egy másik bemenet, akinek típus állítják, hogy ad nekem 20 00:01:07,940 --> 00:01:09,280 benyújtása gombra. 21 00:01:09,280 --> 00:01:13,460 >> Közben belső oldalam fejét, van egy script tag, a forrás 22 00:01:13,460 --> 00:01:18,000 amely az URL jQuery, nagyon népszerű JavaScript könyvtár, és az alábbi 23 00:01:18,000 --> 00:01:21,150 ez egy másik script tag, belsejében amely a kezdetektől néhány 24 00:01:21,150 --> 00:01:23,440 JavaScript, hogy én magam is írni. 25 00:01:23,440 --> 00:01:26,900 Ez az idézet funkció, amely végül hívják, és azon belül 26 00:01:26,900 --> 00:01:31,300 itt nézzük, hogy egy változót nevű URL, meghatározta, hogy az értékét 27 00:01:31,300 --> 00:01:32,590 változó lesz quote.php? szimbólum = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> És most nézzük összefűzi rá a végén A kezdeti húr bármilyen szimbólum 30 00:01:42,170 --> 00:01:43,840 a felhasználó valószínűleg gépelt. 31 00:01:43,840 --> 00:01:51,770 Pontosabban, csináljuk + $ "" # jelet ezzel meghatározva, hogy szeretnék 32 00:01:51,770 --> 00:01:54,910 kap, jQuery én DOM, az elemet, amelynek egyedi 33 00:01:54,910 --> 00:01:56,430 azonosító szimbólum. 34 00:01:56,430 --> 00:01:59,500 Emlékezzünk vissza, hogy ez egyszerűen a szöveg mező, amelybe a felhasználó fog 35 00:01:59,500 --> 00:02:01,210 írja, hogy az állomány a szimbólum. 36 00:02:01,210 --> 00:02:05,030 >> Ezután hívjuk val, ami egy olyan funkció, vagy módszer, hogy megkapja a 37 00:02:05,030 --> 00:02:06,740 értéke, hogy a felhasználó gépelt be 38 00:02:06,740 --> 00:02:11,540 És akkor nevezzük a jQuery funkció úgynevezett getJSON, átadva a 39 00:02:11,540 --> 00:02:16,010 első érv, hogy az URL-t, halad, amikor A második érv, egy névtelen 40 00:02:16,010 --> 00:02:18,900 funkció, amely azt várja, egyetlen érv. 41 00:02:18,900 --> 00:02:20,360 Adatok, hívjuk meg. 42 00:02:20,360 --> 00:02:25,130 És azon belül a névtelen funkció mi egyszerűen nem éber, majd 43 00:02:25,130 --> 00:02:27,940 zárójelben, data.price. 44 00:02:27,940 --> 00:02:31,470 Ha az adatok, elvégre az, hogy a JSON objektum három területen - 45 00:02:31,470 --> 00:02:35,100 szimbólum, nevét, és az ár, a Ennek data.price Hozok 46 00:02:35,100 --> 00:02:36,640 Pontosan ez az érték. 47 00:02:36,640 --> 00:02:39,000 >> Nézzük most menteni a fájlt, és nyisd ki a böngészőben. 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 Itt van, hogy formában. 51 00:02:49,870 --> 00:02:52,890 Nézzük írja be a FB a Facebook és kap árajánlatot. 52 00:02:52,890 --> 00:02:55,070 És ott, akkor, a Facebook legújabb részvényárfolyam. 53 00:02:55,070 --> 00:02:58,368