1
00:00:00,000 --> 00:00:02,340
>> SPEAKER 1: Lad os implementere en web
side, der giver brugerne mulighed for at

2
00:00:02,340 --> 00:00:03,660
se op aktiekurser.

3
00:00:03,660 --> 00:00:07,970
Lad os antage først, at der findes
en fil kaldet quote.php, men dette

4
00:00:07,970 --> 00:00:11,110
kunne implementeres i de fleste helst
sprog, men hvis formål i livet er

5
00:00:11,110 --> 00:00:15,800
at forvente en HTTP GET parameter kaldet
symbol, hvis værdi er

6
00:00:15,800 --> 00:00:18,120
symbol på materiel, som
du gerne vil have et tilbud.

7
00:00:18,120 --> 00:00:22,530
>> For eksempel, hvis vi ser på denne fil i
min browser, quote.php, bemærke, at

8
00:00:22,530 --> 00:00:26,900
Jeg har bestået i, allerede et symbol
af FB, for Facebook.

9
00:00:26,900 --> 00:00:31,060
Og bemærk, at det er kommet tilbage
er en JSON objekt med tre taster.

10
00:00:31,060 --> 00:00:34,560
Ens kaldet symbol, en kaldet
navn, og en kaldet pris.

11
00:00:34,560 --> 00:00:38,920
Værdierne for der er præcis det
fra den pågældende fil.

12
00:00:38,920 --> 00:00:41,680
>> Lad os nu vende vores opmærksomhed mod den
begyndelse af nogle HTML og

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

14
00:00:43,340 --> 00:00:48,990
Her, i ajax-0.html, bemærke, at inde
på min side krop Jeg har en formular

15
00:00:48,990 --> 00:00:53,430
der har en onsubmit attribut, den
værdi er citat og tilbagevenden

16
00:00:53,430 --> 00:00:57,020
falsk, og dermed angive, at jeg gerne
at kalde en JavaScript-funktion

17
00:00:57,020 --> 00:00:59,660
kaldet citat og derefter vende tilbage falsk.

18
00:00:59,660 --> 00:01:04,459
I mellemtiden inde i denne form er en
symbol, hvis id er, citat citat slut,

19
00:01:04,459 --> 00:01:07,940
"Symbol", og derefter en anden indgang, hvis
type er anført, at giver mig en

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

21
00:01:09,280 --> 00:01:13,460
>> I mellemtiden, inde på min side hoved,
der er en script-tag, kilden til

22
00:01:13,460 --> 00:01:18,000
der er URL'en til jQuery, selve
populære JavaScript-bibliotek, og under

23
00:01:18,000 --> 00:01:21,150
det er en anden script-tag, inde i
hvilket er begyndelsen på nogle

24
00:01:21,150 --> 00:01:23,440
JavaScript, som jeg selv vil skrive.

25
00:01:23,440 --> 00:01:26,900
Det er det citat funktion, der vil
sidste ende blive kaldt, og indersiden af

26
00:01:26,900 --> 00:01:31,300
her lad os erklære en variabel kaldet
URL, præciseret, at værdien af ​​denne

27
00:01:31,300 --> 00:01:32,590
variabel skal være quote.php? symbol = ".

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

29
00:01:38,090 --> 00:01:42,170
>> Og lad os nu sammenkæde på enden
af den indledende snor uanset symbol

30
00:01:42,170 --> 00:01:43,840
brugeren har formentlig skrevet.

31
00:01:43,840 --> 00:01:51,770
Specifikt, lad os gøre + $ "" # symbol
hvorved det præciseres, at jeg gerne vil

32
00:01:51,770 --> 00:01:54,910
får, med jQuery fra min DOM,
elementet, hvis unikke

33
00:01:54,910 --> 00:01:56,430
identifikator, et symbol.

34
00:01:56,430 --> 00:01:59,500
Husk på, at det er simpelthen den tekst
felt, hvor brugeren vil

35
00:01:59,500 --> 00:02:01,210
skrive denne bestand symbol.

36
00:02:01,210 --> 00:02:05,030
>> Så lad os kalde val, som er en funktion
eller metode, der vil få den

37
00:02:05,030 --> 00:02:06,740
værdi, som brugeren har indtastet i.

38
00:02:06,740 --> 00:02:11,540
Og så lad os kalde en jQuery funktion
kaldet getJSON, der passerer ind som den

39
00:02:11,540 --> 00:02:16,010
første argument, at URL, passerer, som
det andet argument, en anonym

40
00:02:16,010 --> 00:02:18,900
funktion, der forventer
et enkelt argument.

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

42
00:02:20,360 --> 00:02:25,130
Og inde i denne anonyme funktion,
vi vil simpelthen gøre opmærksom, og derefter i

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

44
00:02:27,940 --> 00:02:31,470
Hvis data, trods alt, er at JSON
objekt med tre felter -

45
00:02:31,470 --> 00:02:35,100
symbol, navn og pris, ved
gør data.price jeg får

46
00:02:35,100 --> 00:02:36,640
præcis denne værdi.

47
00:02:36,640 --> 00:02:39,000
>> Lad os nu gemme filen og
åbner det op i en 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
Her har vi denne form.

51
00:02:49,870 --> 00:02:52,890
Lad os skrive i FB for Facebook
og få tilbud.

52
00:02:52,890 --> 00:02:55,070
Og der er altså Facebooks
seneste aktiekursen.

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