1
00:00:00,000 --> 00:00:02,340
>> SPEAKER 1: Katsotaanpa toteuttamaan web
sivu, jonka avulla käyttäjät voivat

2
00:00:02,340 --> 00:00:03,660
etsiä osakekursseja.

3
00:00:03,660 --> 00:00:07,970
Oletetaan ensin, että on olemassa
tiedosto nimeltä quote.php, mutta tämä

4
00:00:07,970 --> 00:00:11,110
voitaisiin toteuttaa eniten tahansa
kieli, mutta jonka tarkoitus elämässä on

5
00:00:11,110 --> 00:00:15,800
odottaa HTTP GET parametri nimeltään
symboli, jonka arvo on

6
00:00:15,800 --> 00:00:18,120
symboli kalustolle, joita varten
haluat lainata.

7
00:00:18,120 --> 00:00:22,530
>> Esimerkiksi, jos katsomme tätä tiedostoa
selain, quote.php, huomaa, että

8
00:00:22,530 --> 00:00:26,900
Olen läpäissyt jo, symboli
FB, Facebook.

9
00:00:26,900 --> 00:00:31,060
Ja huomaa, että mitä on tullut takaisin
on JSON objekti kolme avainta.

10
00:00:31,060 --> 00:00:34,560
Yksi nimi on symboli, yksi nimeltään
nimi, ja yksi nimeltään hinta.

11
00:00:34,560 --> 00:00:38,920
Arvot, jotka ovat täsmälleen, että
alkaen tiedosto kyseessä.

12
00:00:38,920 --> 00:00:41,680
>> Nyt kiinnitettävä huomiota
aloittaa jokin HTML ja

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

14
00:00:43,340 --> 00:00:48,990
Täällä ajax-0.html, huomaa että sisällä
sivuni ruumis minulla on muotoa

15
00:00:48,990 --> 00:00:53,430
että on onsubmit määritteen
arvo on lainaus ja palautus

16
00:00:53,430 --> 00:00:57,020
vääriä, mikä täsmennetään, että haluaisin
soittaa JavaScript-toiminto

17
00:00:57,020 --> 00:00:59,660
nimeltään lainaus ja palata sitten vääriä.

18
00:00:59,660 --> 00:01:04,459
Samaan aikaan sisällä että muoto on
symboli, jonka tunnus on, lainaus lainaus,

19
00:01:04,459 --> 00:01:07,940
"Symboli", ja sitten toinen tulo, jonka
tyyppi väittävät, että antaa minulle

20
00:01:07,940 --> 00:01:09,280
jättämistä painiketta.

21
00:01:09,280 --> 00:01:13,460
>> Samaan aikaan sisällä sivuni pään,
on komentosarjatunnus, lähde

22
00:01:13,460 --> 00:01:18,000
joka on URL jQuery, hyvin
suosittu JavaScript-kirjaston, ja alle

23
00:01:18,000 --> 00:01:21,150
se on toinen komentosarjatunnus, sisällä
joka on aloittaa jokin

24
00:01:21,150 --> 00:01:23,440
JavaScript että minä itse kirjoittaa.

25
00:01:23,440 --> 00:01:26,900
Tämä on lainaus toiminto, joka
lopulta kutsutaan, ja sisältä

26
00:01:26,900 --> 00:01:31,300
Tuoteryhmän julistaa muuttuja nimeltä
URL, täsmennettiin, että arvo tämän

27
00:01:31,300 --> 00:01:32,590
muuttuja on quote.php? symbol = ".

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

29
00:01:38,090 --> 00:01:42,170
>> Ja Nyt liität kiinni loppuun
kyseisen alkuperäisen merkkijonon mitä symboli

30
00:01:42,170 --> 00:01:43,840
käyttäjä on oletettavasti kirjoittanut.

31
00:01:43,840 --> 00:01:51,770
Erityisesti tehkäämme + $ "" # tunnuksella
Näin täsmennetään, että haluaisin

32
00:01:51,770 --> 00:01:54,910
saada, jQuery minun DOM,
elementti, jonka ainutlaatuinen

33
00:01:54,910 --> 00:01:56,430
tunniste, symboli.

34
00:01:56,430 --> 00:01:59,500
Muista, että se on yksinkertaisesti tekstiä
-kenttä, jonka käyttäjä on menossa

35
00:01:59,500 --> 00:02:01,210
kirjoita että osakesymbolille.

36
00:02:01,210 --> 00:02:05,030
>> Sitten kutsukaamme val, joka on funktio
tai menetelmä, joka saa

37
00:02:05,030 --> 00:02:06,740
arvo että käyttäjän kirjoitetaan sisään

38
00:02:06,740 --> 00:02:11,540
Ja sitten kutsukaamme jQuery toiminto
nimeltään getJSON, kulkee niin

39
00:02:11,540 --> 00:02:16,010
Ensimmäinen väite, että URL, ohimennen, kuten
Toinen argumentti, nimetön

40
00:02:16,010 --> 00:02:18,900
toiminto, joka odottaa
yhden argumentin.

41
00:02:18,900 --> 00:02:20,360
Data, me kutsumme sitä.

42
00:02:20,360 --> 00:02:25,130
Ja sisältä nimettömiä toiminto,
me yksinkertaisesti tehdä hälytys, ja sitten

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

44
00:02:27,940 --> 00:02:31,470
Jos tietoja, kun kaikki on että JSON
esineeseen kolme kenttää -

45
00:02:31,470 --> 00:02:35,100
symboli, nimi ja hinta, jonka
teet data.price Haen

46
00:02:35,100 --> 00:02:36,640
juuri tämän arvon.

47
00:02:36,640 --> 00:02:39,000
>> Katsotaanpa nyt tallentaa tiedoston ja
avaa sen selaimessa.

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
Täällä meillä on tässä muodossa.

51
00:02:49,870 --> 00:02:52,890
Katsotaanpa kirjoittaa FB Facebook
ja saada tarjous.

52
00:02:52,890 --> 00:02:55,070
Ja siellä sitten on Facebook
uusin osakekurssi.

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