1
00:00:00,000 --> 00:00:02,340
>> SPEAKER 1: Ni praktikigi retejo
paĝo kiu permesas uzantoj

2
00:00:02,340 --> 00:00:03,660
rigardu supren stock quotes.

3
00:00:03,660 --> 00:00:07,970
Ni supozu unue ke ekzistas
dosiero nomata quote.php, sed ĉi tiu

4
00:00:07,970 --> 00:00:11,110
povus esti realigita en plej neniu
lingvon, sed kies celo en la vivo estas

5
00:00:11,110 --> 00:00:15,800
atendi HTTP get parametro nomata
simbolo, la valoro de kiu estas la

6
00:00:15,800 --> 00:00:18,120
simbolo de la agoj por kiu
Vi ŝatus citajxo.

7
00:00:18,120 --> 00:00:22,530
>> Ekzemple, se ni rigardas tiun dosieron en
mia krozilo, quote.php, rimarki ke

8
00:00:22,530 --> 00:00:26,900
Mi jam pasis en, jam, simbolo
de FB, Facebook.

9
00:00:26,900 --> 00:00:31,060
Kaj rimarki ke kio venis reen
Estas JSON objekto kun tri klavojn.

10
00:00:31,060 --> 00:00:34,560
Onia nomata simbolo, unu nomata
nomo, kaj oni nomis prezo.

11
00:00:34,560 --> 00:00:38,920
La valoroj de kiuj estas ĝuste tio
de la dosiero en tiu demando.

12
00:00:38,920 --> 00:00:41,680
>> Nun ni turnu nian atenton al la
komencoj de iuj HTML kaj

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

14
00:00:43,340 --> 00:00:48,990
Tie, en ajax-0.html, rimarki, ke interne
de mia paĝo la korpon mi havas formon

15
00:00:48,990 --> 00:00:53,430
Kiu havas onsubmit atributo, la
valoro de kiu estas citaĵo kaj reveno

16
00:00:53,430 --> 00:00:57,020
falsa, tiamaniere specifante kiujn mi ŝatus
voki JavaScript funkcio

17
00:00:57,020 --> 00:00:59,660
vokis citaĵo kaj tiam revenu falsaj.

18
00:00:59,660 --> 00:01:04,459
Dume, ene de tiu formo estas
simbolo kies ID estas, citaĵo unquote,

19
00:01:04,459 --> 00:01:07,940
"Simbolo", kaj poste alia enigo kies
tipo submit kiu donas al mi

20
00:01:07,940 --> 00:01:09,280
submetiĝo butonon.

21
00:01:09,280 --> 00:01:13,460
>> Dume, interne de mia paĝo kapon,
estas skripto etikedon, la fonto de

22
00:01:13,460 --> 00:01:18,000
kiu estas la URL por jQuery, la tre
populara JavaScript biblioteko, kaj sube

23
00:01:18,000 --> 00:01:21,150
ke estas alia skribo-etikedo, interne de
kiu estas la komencoj de iuj

24
00:01:21,150 --> 00:01:23,440
Javascript, ke mi mem skribos.

25
00:01:23,440 --> 00:01:26,900
Tiu estas la citaĵo funkcio kiu volas
finfine nomi, kaj interne de

26
00:01:26,900 --> 00:01:31,300
ĉi tie ni deklari variablon nomitan
URL precizigita ke la valoro de tiu

27
00:01:31,300 --> 00:01:32,590
variablo estu quote.php? simbolo = ".

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

29
00:01:38,090 --> 00:01:42,170
>> Kaj nun ni concatenate sur la fino
de tiu komenca kordo ajn simbolo

30
00:01:42,170 --> 00:01:43,840
la uzulo supozeble tajpita.

31
00:01:43,840 --> 00:01:51,770
Specife, ni faru + $ "" # simbolo
per tio specifante kiujn mi ŝatus

32
00:01:51,770 --> 00:01:54,910
akiri, kun jQuery el mia DOM,
la elemento kies sola

33
00:01:54,910 --> 00:01:56,430
ensalutilo, simbolo.

34
00:01:56,430 --> 00:01:59,500
Memoru ke tiu estas simple la teksto
kampo, en kiun la uzanto tuj

35
00:01:59,500 --> 00:02:01,210
tajpi tiu stoko simbolo.

36
00:02:01,210 --> 00:02:05,030
>> Tiam ni nomos val, kio estas funkcio
aŭ metodon, kiu ricevos la

37
00:02:05,030 --> 00:02:06,740
valoro ke la uzanto tajpas in

38
00:02:06,740 --> 00:02:11,540
Kaj do ni nomas jQuery funkcio
vokis getJSON, pasante en la

39
00:02:11,540 --> 00:02:16,010
unua argumento ke URL, pasante en, kiel
la dua argumento, anonima

40
00:02:16,010 --> 00:02:18,900
funkcio kiu atendas
sola argumento.

41
00:02:18,900 --> 00:02:20,360
Datumoj, ni nomas ĝin.

42
00:02:20,360 --> 00:02:25,130
Kaj ene de tiu anonima funkcio,
ni simple fari garde, kaj poste en

43
00:02:25,130 --> 00:02:27,940
krampoj, data.price.

44
00:02:27,940 --> 00:02:31,470
Se la datumoj, post ĉiuj, estas ke JSON
objekto kun tri kampoj -

45
00:02:31,470 --> 00:02:35,100
simbolo, nomo, kaj prezo, per
faranta data.price mi ricevos

46
00:02:35,100 --> 00:02:36,640
ĝuste tiu valoro.

47
00:02:36,640 --> 00:02:39,000
>> Ni nun savu la dosieron kaj
malfermu ĝin en retumilo.

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
Ĉi tie ni havas tian formon.

51
00:02:49,870 --> 00:02:52,890
Ni tajpi en FB Facebook
kaj akiri citaĵo.

52
00:02:52,890 --> 00:02:55,070
Kaj tie, do, estas Facebook
lasta stock prezo.

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