1
00:00:00,000 --> 00:00:02,340
>> HÖGTALARE 1: Låt oss genomföra en web
sida som tillåter användare att

2
00:00:02,340 --> 00:00:03,660
slå upp aktiekurser.

3
00:00:03,660 --> 00:00:07,970
Låt oss anta först att det finns
en fil som kallas quote.php, men detta

4
00:00:07,970 --> 00:00:11,110
skulle kunna genomföras i de flesta någon
språk, men vars syfte i livet är

5
00:00:11,110 --> 00:00:15,800
att förvänta sig en get parameter HTTP kallas
symbolen, är den med ett värde som

6
00:00:15,800 --> 00:00:18,120
symbol av beståndet som
du vill ha en offert.

7
00:00:18,120 --> 00:00:22,530
>> Till exempel, om vi ser på den här filen i
min webbläsare, quote.php, märker att

8
00:00:22,530 --> 00:00:26,900
Jag har gått in, redan, en symbol
av FB, för Facebook.

9
00:00:26,900 --> 00:00:31,060
Och märker att det har kommit tillbaka
är en JSON objekt med tre nycklar.

10
00:00:31,060 --> 00:00:34,560
Ens kallas symbol, en som heter
namn, och en som heter pris.

11
00:00:34,560 --> 00:00:38,920
Värdena som är just det
från filen i fråga.

12
00:00:38,920 --> 00:00:41,680
>> Låt oss nu vända vår uppmärksamhet mot
början av vissa HTML och

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

14
00:00:43,340 --> 00:00:48,990
Här, i ajax-0.html, märker att insidan
min sida kropp Jag har ett formulär

15
00:00:48,990 --> 00:00:53,430
som har en onSubmit attributets
värde som är citat och retur

16
00:00:53,430 --> 00:00:57,020
falskt, och därigenom anger att jag vill
att ringa en JavaScript-funktion

17
00:00:57,020 --> 00:00:59,660
kallas offert och sedan returnera false.

18
00:00:59,660 --> 00:01:04,459
Samtidigt är en insida av formuläret
symbol vars ID är, citat unquote,

19
00:01:04,459 --> 00:01:07,940
"Symbol", och sedan en annan ingång vars
typ skicka det ger mig en

20
00:01:07,940 --> 00:01:09,280
underkastelse knappen.

21
00:01:09,280 --> 00:01:13,460
>> Samtidigt, inne i min sida huvud,
det finns en script-tagg, källan till

22
00:01:13,460 --> 00:01:18,000
vilket är URL till jquery, själva
populära JavaScript-bibliotek, och under

23
00:01:18,000 --> 00:01:21,150
det är en annan script-taggen, insida
vilket är början till något

24
00:01:21,150 --> 00:01:23,440
JavaScript som jag själv kommer att skriva.

25
00:01:23,440 --> 00:01:26,900
Detta är citatet funktion som kommer
slutligen kallas, och insidan av

26
00:01:26,900 --> 00:01:31,300
här ska vi deklarera en variabel som heter
URL-adress, som anges att värdet av denna

27
00:01:31,300 --> 00:01:32,590
variabel ska vara quote.php? symbol = ".

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

29
00:01:38,090 --> 00:01:42,170
>> Och nu ska vi sätta samman på slutet
av den ursprungliga strängen oavsett symbol

30
00:01:42,170 --> 00:01:43,840
användaren har förmodligen skrivs.

31
00:01:43,840 --> 00:01:51,770
Specifikt, låt oss göra + $ "" symbolen #
därmed anger att jag vill

32
00:01:51,770 --> 00:01:54,910
får, med jquery från min DOM,
elementet vars unika

33
00:01:54,910 --> 00:01:56,430
identifierare, en symbol.

34
00:01:56,430 --> 00:01:59,500
Minns att det är helt enkelt texten
fält i vilken användaren kommer att

35
00:01:59,500 --> 00:02:01,210
skriver att aktiesymbol.

36
00:02:01,210 --> 00:02:05,030
>> Låt oss kalla val, vilket är en funktion
eller metod som kommer att få

37
00:02:05,030 --> 00:02:06,740
värde att användarens skrivits in

38
00:02:06,740 --> 00:02:11,540
Och låt oss kalla en jQuery funktion
heter getJSON, passerar in som

39
00:02:11,540 --> 00:02:16,010
första argumentet att URL, som går in som
det andra argumentet, en anonym

40
00:02:16,010 --> 00:02:18,900
funktion som förväntar sig
ett enda argument.

41
00:02:18,900 --> 00:02:20,360
Data, vi kallar det.

42
00:02:20,360 --> 00:02:25,130
Och inne i denna anonym funktion,
Vi ska helt enkelt göra alert, och sedan i

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

44
00:02:27,940 --> 00:02:31,470
Om data, trots allt, är att JSON
invända med tre fält -

45
00:02:31,470 --> 00:02:35,100
symbol, namn och pris, med
gör data.price I get

46
00:02:35,100 --> 00:02:36,640
just detta värde.

47
00:02:36,640 --> 00:02:39,000
>> Låt oss nu spara filen och
öppna den i en webbläsare.

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
Här har vi den formen.

51
00:02:49,870 --> 00:02:52,890
Låt oss skriva på FB för Facebook
och få offert.

52
00:02:52,890 --> 00:02:55,070
Och där, då, är Facebooks
senaste börskurs.

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