1
00:00:00,000 --> 00:00:02,340
>> SPEAKER 1: Poďme zaviesť web
Stránka, ktorá umožňuje užívateľom

2
00:00:02,340 --> 00:00:03,660
vyhľadať kurzy akcií.

3
00:00:03,660 --> 00:00:07,970
Predpokladajme najskôr, že existuje
súbor s názvom quote.php, ale

4
00:00:07,970 --> 00:00:11,110
by mohla byť vykonaná vo väčšine akejkoľvek
jazyka, ale ktorých zmysel života je

5
00:00:11,110 --> 00:00:15,800
očakávať get parameter HTTP s názvom
symbol, ktorého hodnota je

6
00:00:15,800 --> 00:00:18,120
Symbolom parku, pre ktorého
Chcete cenovú ponuku.

7
00:00:18,120 --> 00:00:22,530
>> Napríklad, ak sa pozrieme na tento súbor v
môj prehliadač, quote.php, všimnite si, že

8
00:00:22,530 --> 00:00:26,900
Som prešiel v roku, ktorý je už ako symbol
FB, pre Facebook.

9
00:00:26,900 --> 00:00:31,060
A všimnite si, že to, čo sa vrátil
je objekt JSON s tromi kľúčmi.

10
00:00:31,060 --> 00:00:34,560
Pieseň sa nazýva symbol, jeden s názvom
meno, a jeden s názvom cena.

11
00:00:34,560 --> 00:00:38,920
Hodnoty, ktoré sú presne to,
zo súboru sa jedná.

12
00:00:38,920 --> 00:00:41,680
>> Teraz poďme obrátiť svoju pozornosť na
Počiatky nejaké HTML a

13
00:00:41,680 --> 00:00:43,340
JavaScript.

14
00:00:43,340 --> 00:00:48,990
Tu, v ajax-0.html, zistíte, že vo vnútri
tela Moja stránka je mám formulár

15
00:00:48,990 --> 00:00:53,430
že má onsubmit atribút,
hodnota, ktorá je citácia a návrat

16
00:00:53,430 --> 00:00:57,020
false, čím sa upresňuje, že by som chcel
volanie funkcie JavaScript

17
00:00:57,020 --> 00:00:59,660
volal citácie a potom sa vrátiť false.

18
00:00:59,660 --> 00:01:04,459
Medzitým, v tejto podobe je
symbol, ktorého ID je, citujem koniec citátu,

19
00:01:04,459 --> 00:01:07,940
"Symbol", a potom ďalší vstup, ktorého
Typ sa tvrdí, že mi dáva

20
00:01:07,940 --> 00:01:09,280
Tlačidlo podanie.

21
00:01:09,280 --> 00:01:13,460
>> Medzitým, vnútri hlavy mojej stránke je,
je tag skript, zdroj

22
00:01:13,460 --> 00:01:18,000
čo je URL pre jQuery, veľmi
populárne knižnica JavaScript, a ďalej

23
00:01:18,000 --> 00:01:21,150
to je ďalší tag script, vo vnútri
ktorý je začiatky niektorých

24
00:01:21,150 --> 00:01:23,440
JavaScript že ja sám napíšem.

25
00:01:23,440 --> 00:01:26,900
Táto funkcia citát, ktorý bude
nakoniec zavolal, a vo vnútri

26
00:01:26,900 --> 00:01:31,300
Tu poďme deklarovať premennú s názvom
URL, spresnil, že hodnota tejto

27
00:01:31,300 --> 00:01:32,590
premenná je quote.php? symbol = ".

28
00:01:32,590 --> 00:01:38,090

29
00:01:38,090 --> 00:01:42,170
>> A teraz poďme spájať do konca
z tohto počiatočného reťazca bez ohľadu na symbol

30
00:01:42,170 --> 00:01:43,840
používateľ pravdepodobne zadali.

31
00:01:43,840 --> 00:01:51,770
Konkrétne, poďme + $ "" # symbol
tým upresnením, že by som chcel

32
00:01:51,770 --> 00:01:54,910
dostať, s jQuery z môjho DOM,
prvok, ktorého jedinečný

33
00:01:54,910 --> 00:01:56,430
identifikátor, symbol.

34
00:01:56,430 --> 00:01:59,500
Pripomeňme si, že to je proste text
pole, do ktorého užívateľ bude

35
00:01:59,500 --> 00:02:01,210
typ, že burzový symbol.

36
00:02:01,210 --> 00:02:05,030
>> Tak nazvime Val, ktorý je funkciou
alebo metóda, ktorá bude mať

37
00:02:05,030 --> 00:02:06,740
hodnota, ktorú užívateľ je zadaný palcov

38
00:02:06,740 --> 00:02:11,540
A potom sa poďme volanie funkcie jQuery
volal getJSON, okolo sa ako

39
00:02:11,540 --> 00:02:16,010
Prvý argument, že URL, odovzdaním, as
druhý argument, anonymný

40
00:02:16,010 --> 00:02:18,900
funkcia, ktorá očakáva, že
jediný argument.

41
00:02:18,900 --> 00:02:20,360
Údaje, zavoláme ju.

42
00:02:20,360 --> 00:02:25,130
A v tejto anonymnej funkcie,
budeme proste robiť záznam, a potom v

43
00:02:25,130 --> 00:02:27,940
zátvorky, data.price.

44
00:02:27,940 --> 00:02:31,470
Ak sú dáta, po tom všetkom, je to JSON
objekt s tromi poli -

45
00:02:31,470 --> 00:02:35,100
symbol, meno, a ceny, ktoré
robí data.price dostanem

46
00:02:35,100 --> 00:02:36,640
presne táto hodnota.

47
00:02:36,640 --> 00:02:39,000
>> Poďme sa teraz súbor uložte a
otvoriť ho v prehliadač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
Tu máme tento formulár.

51
00:02:49,870 --> 00:02:52,890
Poďme zadajte FB na Facebook
a získať cenovú ponuku.

52
00:02:52,890 --> 00:02:55,070
A tam, potom, je Facebook je
posledná cena akcií.

53
00:02:55,070 --> 00:02:58,368