1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: Pojďme zavést web Stránka, která umožňuje uživatelům 2 00:00:02,340 --> 00:00:03,660 vyhledat kurzy akcií. 3 00:00:03,660 --> 00:00:07,970 Předpokládejme nejprve, že existuje soubor s názvem quote.php, ale 4 00:00:07,970 --> 00:00:11,110 by mohla být provedena ve většině jakékoli jazyka, ale jejichž smysl života je 5 00:00:11,110 --> 00:00:15,800 očekávat get parametr HTTP s názvem symbol, jehož hodnota je 6 00:00:15,800 --> 00:00:18,120 Symbolem parku, pro jehož Chcete cenovou nabídku. 7 00:00:18,120 --> 00:00:22,530 >> Například, pokud se podíváme na tento soubor v můj prohlížeč, quote.php, všimněte si, že 8 00:00:22,530 --> 00:00:26,900 Jsem prošel v roce, který je již jako symbol FB, pro Facebook. 9 00:00:26,900 --> 00:00:31,060 A všimněte si, že to, co se vrátil je objekt JSON se třemi klíči. 10 00:00:31,060 --> 00:00:34,560 Píseň se nazývá symbol, jeden s názvem jméno, a jeden s názvem cena. 11 00:00:34,560 --> 00:00:38,920 Hodnoty, které jsou přesně to, ze souboru se jedná. 12 00:00:38,920 --> 00:00:41,680 >> Nyní pojďme obrátit svou pozornost na Počátky nějaké HTML a 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Tady, v ajax-0.html, zjistíte, že uvnitř těla Moje stránka je mám formulář 15 00:00:48,990 --> 00:00:53,430 že má onsubmit atribut, hodnota, která je citace a návrat 16 00:00:53,430 --> 00:00:57,020 false, čímž se upřesňuje, že bych chtěl volání funkce JavaScript 17 00:00:57,020 --> 00:00:59,660 volal citace a pak se vrátit false. 18 00:00:59,660 --> 00:01:04,459 Mezitím, v této podobě je symbol, jehož ID je, cituji konec citátu, 19 00:01:04,459 --> 00:01:07,940 "Symbol", a pak další vstup, jehož Typ se tvrdí, že mi dává 20 00:01:07,940 --> 00:01:09,280 Tlačítko podání. 21 00:01:09,280 --> 00:01:13,460 >> Mezitím, uvnitř hlavy mé stránce je, je tag skript, zdroj 22 00:01:13,460 --> 00:01:18,000 což je URL pro jQuery, velmi populární knihovna JavaScript, a dále 23 00:01:18,000 --> 00:01:21,150 to je další tag script, uvnitř který je začátky některých 24 00:01:21,150 --> 00:01:23,440 JavaScript že já sám napíšu. 25 00:01:23,440 --> 00:01:26,900 Tato funkce citát, který bude nakonec zavolal, a uvnitř 26 00:01:26,900 --> 00:01:31,300 Zde pojďme deklarovat proměnnou s názvem URL, upřesnil, že hodnota této 27 00:01:31,300 --> 00:01:32,590 proměnná je quote.php? symbol = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> A teď pojďme spojovat do konce z tohoto počátečního řetězce bez ohledu na symbol 30 00:01:42,170 --> 00:01:43,840 uživatel pravděpodobně zadali. 31 00:01:43,840 --> 00:01:51,770 Konkrétně, pojďme + $ "" # symbol tím upřesněním, že bych chtěl 32 00:01:51,770 --> 00:01:54,910 dostat, s jQuery z mého DOM, prvek, jehož jedinečný 33 00:01:54,910 --> 00:01:56,430 identifikátor, symbol. 34 00:01:56,430 --> 00:01:59,500 Připomeňme si, že to je prostě text pole, do kterého uživatel bude 35 00:01:59,500 --> 00:02:01,210 typ, že burzovní symbol. 36 00:02:01,210 --> 00:02:05,030 >> Tak nazvěme Val, který je funkcí nebo metoda, která bude mít 37 00:02:05,030 --> 00:02:06,740 hodnota, kterou uživatel je zadaný palců 38 00:02:06,740 --> 00:02:11,540 A pak se pojďme volání funkce jQuery volal getJSON, kolem se jako 39 00:02:11,540 --> 00:02:16,010 První argument, že URL, předáním, as druhý argument, anonymní 40 00:02:16,010 --> 00:02:18,900 funkce, která očekává, že jediný argument. 41 00:02:18,900 --> 00:02:20,360 Údaje, zavoláme ji. 42 00:02:20,360 --> 00:02:25,130 A v této anonymní funkce, budeme prostě dělat záznam, a poté v 43 00:02:25,130 --> 00:02:27,940 závorky, data.price. 44 00:02:27,940 --> 00:02:31,470 Pokud jsou data, po tom všem, je to JSON objekt se třemi poli - 45 00:02:31,470 --> 00:02:35,100 symbol, jméno, a ceny, které dělá data.price dostanu 46 00:02:35,100 --> 00:02:36,640 přesně tato hodnota. 47 00:02:36,640 --> 00:02:39,000 >> Pojďme se nyní soubor uložte a otevřít ho v prohlížeči. 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 Zde máme tento formulář. 51 00:02:49,870 --> 00:02:52,890 Pojďme zadejte FB na Facebook a získat cenovou nabídku. 52 00:02:52,890 --> 00:02:55,070 A tam, pak, je Facebook je poslední cena akcií. 53 00:02:55,070 --> 00:02:58,368