1
00:00:00,000 --> 00:00:02,340
>> Tagapagsalita 1: ipatupad ng isang web Hayaan
pahina na nagpapahintulot sa mga user upang

2
00:00:02,340 --> 00:00:03,660
maghanap ng mga stock quote.

3
00:00:03,660 --> 00:00:07,970
Ipagpalagay unang na umiiral doon Hayaan
isang file na tinatawag quote.php, ngunit ito

4
00:00:07,970 --> 00:00:11,110
ma-ipinatupad sa karamihan ng anumang
wika, ngunit kung saan ang layunin sa buhay ay

5
00:00:11,110 --> 00:00:15,800
upang asahan ang isang HTTP parameter get tinatawag na
simbolo, ang halaga ng kung saan ay ang

6
00:00:15,800 --> 00:00:18,120
simbolo ng stock para saan
gusto mo ng quote.

7
00:00:18,120 --> 00:00:22,530
>> Halimbawa, kung tinitingnan namin ang file na ito sa
aking browser, quote.php, napansin na ang

8
00:00:22,530 --> 00:00:26,900
Na pumasa sa ko sa, na, isang simbolo
ng FB, para sa Facebook.

9
00:00:26,900 --> 00:00:31,060
At mapansin na kung ano ang bumalik
ay isang JSON object na may tatlong mga susi.

10
00:00:31,060 --> 00:00:34,560
Ang isa ay tinatawag na simbolo, isa na tinatawag na
pangalanan, at isa na tinatawag na presyo.

11
00:00:34,560 --> 00:00:38,920
Ang mga halaga ng na kung saan ay eksakto na
mula sa file na pinag-uusapan.

12
00:00:38,920 --> 00:00:41,680
>> Ngayon i aming pansin ang ipaalam
Beginnings ng ilang mga HTML at

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

14
00:00:43,340 --> 00:00:48,990
Dito, sa ajax-0.html, napansin na ang loob
ng katawan ng aking pahina Mayroon akong isang form

15
00:00:48,990 --> 00:00:53,430
na may isang onsubmit katangian, ang
halaga ng kung saan ay quote at pagbalik

16
00:00:53,430 --> 00:00:57,020
hindi totoo, at sa gayon pagtukoy na gusto ko
upang tawagan ang isang function ng JavaScript

17
00:00:57,020 --> 00:00:59,660
tinatawag na quote at pagkatapos ay bumalik hindi totoo.

18
00:00:59,660 --> 00:01:04,459
Samantala, sa loob ng form na iyon ay isang
simbolo na kung saan ang ID ay, quote magpanipi,

19
00:01:04,459 --> 00:01:07,940
"Simbolo," at pagkatapos ay isa pang-input na kung saan ang
uri ay magsumite na nagbibigay sa akin ang

20
00:01:07,940 --> 00:01:09,280
pindutan ng pagsusumite.

21
00:01:09,280 --> 00:01:13,460
>> Samantala, sa loob ng ulo ng aking pahina,
may script tag, ang pinagmulan ng

22
00:01:13,460 --> 00:01:18,000
kung saan ay ang URL upang jquery, sa pinakadulo
sikat JavaScript library, at sa ibaba

23
00:01:18,000 --> 00:01:21,150
na ay isa pang script tag, sa loob ng
kung saan ay ang Beginnings ng ilang

24
00:01:21,150 --> 00:01:23,440
JavaScript na ako sa aking sarili ay sumulat.

25
00:01:23,440 --> 00:01:26,900
Ito ang quote function na habilin
sa huli ay tatawaging, at sa loob ng

26
00:01:26,900 --> 00:01:31,300
dito ipinapahayag ng isang variable na tinatawag na ipaalam
URL, tinukoy na ang halaga ng ito

27
00:01:31,300 --> 00:01:32,590
variable ay magiging quote.php? simbolo = ".

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

29
00:01:38,090 --> 00:01:42,170
>> At ni pagdugtungin papunta sa dulo ngayon hayaan
ng na paunang string kahit anong simbolo

30
00:01:42,170 --> 00:01:43,840
ang gumagamit ay siguro nai-type.

31
00:01:43,840 --> 00:01:51,770
Sa partikular, gawin ni + $ ipaalam "" # simbolo
sa gayong paraan ng pagtukoy na nais kong

32
00:01:51,770 --> 00:01:54,910
makakuha ng, may jquery mula sa aking DOM,
ang elemento na kung saan ang mga natatanging

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

34
00:01:56,430 --> 00:01:59,500
Isipin na iyon ay simpleng ang teksto
patlang sa kung saan ang user ay pagpunta sa

35
00:01:59,500 --> 00:02:01,210
type na simbolo ng stock.

36
00:02:01,210 --> 00:02:05,030
>> Pagkatapos ay hayaan tawagan ni Val, na kung saan ay isang function
o pamamaraan na iyon ay makakakuha ng

37
00:02:05,030 --> 00:02:06,740
halaga na ng gumagamit na nai-type in

38
00:02:06,740 --> 00:02:11,540
At pagkatapos ay hayaan tumawag ng isang jquery function na
tinatawag getJSON, pagpasa sa bilang

39
00:02:11,540 --> 00:02:16,010
unang argumento ang URL na iyon, ang pagpasa sa, bilang
ang pangalawang argumento, isang hindi nakikilalang

40
00:02:16,010 --> 00:02:18,900
function na Inaasahan ng
isang solong argumento.

41
00:02:18,900 --> 00:02:20,360
Data, ipapakita namin tumawag ito.

42
00:02:20,360 --> 00:02:25,130
At sa loob ng anonymous function na ito,
ipapakita namin lamang gawin alerto, at pagkatapos ay sa

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

44
00:02:27,940 --> 00:02:31,470
Kung data, pagkatapos ang lahat, ay ang JSON
sa bagay na may tatlong mga patlang -

45
00:02:31,470 --> 00:02:35,100
simbolo, pangalan, at presyo, sa pamamagitan ng
paggawa data.price magagawa ko

46
00:02:35,100 --> 00:02:36,640
eksakto na halaga.

47
00:02:36,640 --> 00:02:39,000
>> Hayaan ang i-save ni ngayon ang file at
buksan ito up sa isang browser.

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
Narito kami ay may form na iyon.

51
00:02:49,870 --> 00:02:52,890
Ni-type sa FB para sa Facebook Hayaan
at makakuha ng quote.

52
00:02:52,890 --> 00:02:55,070
At doon, pagkatapos, ay Facebook ni
pinakabagong presyo ng stock.

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