1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [Seminár: jQuery]

2
00:00:02,690 --> 00:00:04,790
[Vipul Shekhawat, Harvard University]

3
00:00:04,790 --> 00:00:08,000
[To je CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Ak ste po spolu doma, môžete skutočne prístup k mojim snímok on-line

5
00:00:10,640 --> 00:00:13,310
tým, že pôjdete na tento odkaz.

6
00:00:13,310 --> 00:00:18,650
Je to TjjRWj na bit.ly.

7
00:00:18,650 --> 00:00:20,700
Môžete tiež len prejsť na adresu URL priamo,

8
00:00:20,700 --> 00:00:27,300
ktorý je cloud.cs50.net / ~ vshekhawat, čo je moje meno,

9
00:00:27,300 --> 00:00:32,409
a jQuery.

10
00:00:32,409 --> 00:00:34,920
Veľmi Vám odporúčam sledovať spolu, ak ste sledoval doma,

11
00:00:34,920 --> 00:00:40,650
a ak ste tu tiež, pretože to je celkom interaktívne prezentácie.

12
00:00:40,650 --> 00:00:43,160
>> Takže dnes budem hovoriť o jQuery a prvá otázka je,

13
00:00:43,160 --> 00:00:45,300
čo je jQuery?

14
00:00:45,300 --> 00:00:47,090
Tento rok, viem, že vy sa nevzťahuje JavaScript

15
00:00:47,090 --> 00:00:51,080
tak podrobne, ako sme v minulých rokoch.

16
00:00:51,080 --> 00:00:53,150
JavaScript je v prvom rade, len client-side jazyk

17
00:00:53,150 --> 00:00:58,390
ktoré ak používate spúšťať skripty a kód každého používateľa počítača.

18
00:00:58,390 --> 00:01:00,660
Takže máte server, ktorý poskytuje webové stránky pre ľudí,

19
00:01:00,660 --> 00:01:02,600
ale možno budete chcieť robiť veci na svojom počítači,

20
00:01:02,600 --> 00:01:08,060
požiadať svojho počítača odosielať požiadavky na server každých 30 sekúnd, alebo niečo také.

21
00:01:08,060 --> 00:01:10,420
Môžete to urobiť pomocou JavaScriptu.

22
00:01:10,420 --> 00:01:13,190
JQuery len poskytuje viac funkcií na vrchole JavaScriptu

23
00:01:13,190 --> 00:01:15,680
ktorý robí ďalšie veci pre vás.

24
00:01:15,680 --> 00:01:17,710
Pozriete Ak sa na obsah na vrchole,

25
00:01:17,710 --> 00:01:21,410
, Ktorý opisuje niektoré z vecí, ktoré ste schopní urobiť.

26
00:01:21,410 --> 00:01:23,500
Takže celkovo to bolo vytvorené v januári 2006.

27
00:01:23,500 --> 00:01:26,560
To bolo prvýkrát predstavil v auguste 2005.

28
00:01:26,560 --> 00:01:31,370
Bolo to asi za pár rokov, a je to naozaj súčasťou nového hnutia Web 2.0

29
00:01:31,370 --> 00:01:34,330
že je vyrobený na internete tak lesklé.

30
00:01:34,330 --> 00:01:37,630
Je to najpoužívanejší JavaScript knižnica.

31
00:01:37,630 --> 00:01:41,450
Viac ako 19,6 milióna webové stránky používať, a využitie stále rastie

32
00:01:41,450 --> 00:01:45,640
podľa builtwith.com, čo, zdá sa, za posledný rok,

33
00:01:45,640 --> 00:01:49,710
bolo práve neustále zvyšuje pomerne lineárne.

34
00:01:49,710 --> 00:01:52,870
Medzi najlepších 10 miliónov stránok, je tu ešte -

35
00:01:52,870 --> 00:01:55,180
asi 40% z nich sú v súčasnej dobe používať.

36
00:01:55,180 --> 00:01:58,540
Facebook používa to, veľa iných webových stránkach v súčasnej dobe používať.

37
00:01:58,540 --> 00:02:01,540
Môžete sa pozrieť na tie štatistiky na vlastnú päsť, ak budete chcieť.

38
00:02:01,540 --> 00:02:05,820
A môžete povedať, že je to dôveryhodne, pretože má základ a 13 členov správnej rady,

39
00:02:05,820 --> 00:02:11,910
spolu s tímom 20 ľudí, ktorí na ňom pracujú pravidelne.

40
00:02:11,910 --> 00:02:16,110
Takže je to veľmi často používa, má. Org URL, je to fantázia,

41
00:02:16,110 --> 00:02:21,660
to má vedľajšie účinky na iné veci, tak je to veľký problém.

42
00:02:21,660 --> 00:02:24,510
>> Prečo by ste mali používať? JQuery je veľmi ľahký.

43
00:02:24,510 --> 00:02:27,270
To znamená, že to nie je veľký súbor. Tu si môžete stiahnuť

44
00:02:27,270 --> 00:02:31,540
minified súbor, ktorý je bez všetkých medzerou a pripomienky, a je to len 32 kB.

45
00:02:31,540 --> 00:02:33,600
Takže je to jednoduché stačí hodiť na vaše webové stránky

46
00:02:33,600 --> 00:02:35,910
a jednoducho začať používať.

47
00:02:35,910 --> 00:02:39,630
Je to tiež veľmi efektívne napísané, takže nezaberá veľa -

48
00:02:39,630 --> 00:02:42,550
to nie je spomaliť svoje webové stránky moc, keď ju použijete.

49
00:02:42,550 --> 00:02:45,770
To vám umožní realizovať veci, ktoré boli predtým neuskutočniteľné.

50
00:02:45,770 --> 00:02:47,790
Tam sú niektoré funkčné aspekty,

51
00:02:47,790 --> 00:02:51,780
ako je vytváranie animácií, ktoré by za normálnych okolností byť veľmi, veľmi ťažké.

52
00:02:51,780 --> 00:02:54,300
Ale v jQuery oni sú vlastne veľmi jednoduché.

53
00:02:54,300 --> 00:02:57,040
A tam sú niektoré veci, ktoré sú nepríjemné robiť,

54
00:02:57,040 --> 00:02:59,610
možné v JavaScripte, ako je posielanie požiadavke POST

55
00:02:59,610 --> 00:03:02,190
ale odoslať požiadavku na server, musíte napísať

56
00:03:02,190 --> 00:03:04,320
päť alebo šesť alebo sedem riadkov kódu.

57
00:03:04,320 --> 00:03:07,200
Teraz stačí to urobiť v jednom riadku kódu v jednom volaní funkcie.

58
00:03:07,200 --> 00:03:11,790
To zjednodušuje naozaj veľa vecí, ktoré robíte.

59
00:03:11,790 --> 00:03:15,950
A všetky tie skvelé deti používať. Tým, že mám na mysli mňa.

60
00:03:15,950 --> 00:03:19,270
V mojom poslednom projekte v minulom roku, čo je news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
ktorý je určený pre rozhlasové stanice, vytvoril som tento blog

62
00:03:22,530 --> 00:03:29,750
ktorý hostí všetky relácie, ktoré sme urobili a MP3 súbory pre nich.

63
00:03:29,750 --> 00:03:32,070
Môžete prechádzať minulosti ukazuje,

64
00:03:32,070 --> 00:03:34,130
a to všetko vykonané pomocou jQuery. Môžete povedať,

65
00:03:34,130 --> 00:03:37,340
, Pretože všetky tieto animácie, v podstate.

66
00:03:37,340 --> 00:03:42,360
Takže ak máte - ak vytvárate nový príspevok,

67
00:03:42,360 --> 00:03:45,980
vidíte tie malé slideDowns, to všetko je urobené pomocou jQuery.

68
00:03:45,980 --> 00:03:49,140
A to fade - tak, že tieto veci sa tak deje pomocou jQuery,

69
00:03:49,140 --> 00:03:52,720
a nemusíte neustále znovu načítať stránku prechádzať web.

70
00:03:52,720 --> 00:03:57,220
Ďalšia cool vec, ktorá sa vykonáva pomocou jQuery je táto prezentácia.

71
00:03:57,220 --> 00:03:59,700
Ja používam tento open source, čomu sa hovorí scrolldeck,

72
00:03:59,700 --> 00:04:03,250
ktorý niekto napísal na vrchole jQuery.

73
00:04:03,250 --> 00:04:04,870
Ak sa skutočne pozrieť na zdroje, môžete vidieť, že

74
00:04:04,870 --> 00:04:07,830
že používate tento znak dolára, doláre

75
00:04:07,830 --> 00:04:12,110
sa používajú v jQuery znamenať, že je funkcia jQuery funkcie.

76
00:04:12,110 --> 00:04:15,020
Takže oni definovanie obal na vrchole jQuery

77
00:04:15,020 --> 00:04:18,570
, Ktorý umožňuje vytvoriť prezentáciu takhle,

78
00:04:18,570 --> 00:04:21,200
a môžete vidieť, že tu to vrátane pôvodnej jQuery súbor

79
00:04:21,200 --> 00:04:24,120
čo je to, čo budete musieť zahrnúť, ak chcete používať jQuery

80
00:04:24,120 --> 00:04:30,450
vo vašich vlastných webových stránkach.

81
00:04:30,450 --> 00:04:32,790
>> Dotyk na tom, ako ho nainštalovať?

82
00:04:32,790 --> 00:04:36,150
Môžete jednoducho ísť do jQuery.com a stiahnuť súbor,

83
00:04:36,150 --> 00:04:38,320
pridať do webového adresára a zahrnúť ho.

84
00:04:38,320 --> 00:04:42,200
Tak práve na vrchole, v hlave tag súboru HTML

85
00:04:42,200 --> 00:04:45,400
svojho hlavného súboru HTML, len tento riadok kódu

86
00:04:45,400 --> 00:04:49,490
správnu verzií, pre ktorú verziu jQuery, ktorú používate.

87
00:04:49,490 --> 00:04:51,340
Môžete si ho stiahnuť tým, že pôjdete jQuery.com,

88
00:04:51,340 --> 00:04:55,130
Kliknite na "Download jQuery," a máš to. To je všetko.

89
00:04:55,130 --> 00:04:58,880
A v skutočnosti, môžeme sa pozrieť na to, čo to vyzerá.

90
00:04:58,880 --> 00:05:01,080
Pokiaľ kliknete na stiahnutie tu, jQuery je to.

91
00:05:01,080 --> 00:05:05,260
Je to len jedna veľká JavaScript súbor, ktorý urobí všetku magickú veci pre vás.

92
00:05:05,260 --> 00:05:09,270
Toto je minified verzia, ktorá nie je čitateľný vôbec.

93
00:05:09,270 --> 00:05:13,180
Môžete sa tiež pozrieť na vývojové verziu, ktorá je čitateľná

94
00:05:13,180 --> 00:05:15,370
ale stále veľmi, veľmi zdĺhavé.

95
00:05:15,370 --> 00:05:17,980
Je to veľa vecí tam.

96
00:05:17,980 --> 00:05:20,240
Môžete tiež spojiť s hostiteľom verziu Google nej.

97
00:05:20,240 --> 00:05:23,820
Takže to umožňujú len spoliehať na Google poskytnúť.

98
00:05:23,820 --> 00:05:29,310
Poskytujú všetky verzie toho, k dispozícii po celú dobu.

99
00:05:29,310 --> 00:05:31,530
Takže sa môžete spoľahnúť na Google pravdepodobne hostiť za vás.

100
00:05:31,530 --> 00:05:33,270
Alebo môžete prepojiť vlastný jQuery najnovšiu verziu.

101
00:05:33,270 --> 00:05:36,400
Majú adresu URL, ktorá je vždy aktualizovaný na najnovšiu verziu.

102
00:05:36,400 --> 00:05:40,850
Je to jQuery-posledná, a je tu jeden problém s tým,

103
00:05:40,850 --> 00:05:44,350
a to, že v prípade, že aktualizácia jQuery a niektoré z predchádzajúcej funkcie

104
00:05:44,350 --> 00:05:47,250
oni sa retrograded alebo zastarané,

105
00:05:47,250 --> 00:05:49,620
Možno to nie je - to môže začať už nedostal podporované.

106
00:05:49,620 --> 00:05:52,940
Takže ak píšete webové stránky pomocou verzie 1.8.2,

107
00:05:52,940 --> 00:05:55,000
v čase, keď verzie 2.7 vychádza

108
00:05:55,000 --> 00:05:57,000
niektoré z funkcií, ktoré napísal už nefungujú.

109
00:05:57,000 --> 00:05:59,930
Takže je lepšie len stiahnuť 32 kB súbor,

110
00:05:59,930 --> 00:06:04,100
dať na svoje webové stránky, a to bude fungovať navždy.

111
00:06:04,100 --> 00:06:07,450
>> Chystám sa ísť ďalej a začať hovoriť o skutočnej funkčnosti jQuery.

112
00:06:07,450 --> 00:06:13,090
Prvá vec je, selektory. To je to, čo bolo pôvodne koncipované jQuery poskytnúť.

113
00:06:13,090 --> 00:06:15,500
A môžete kliknúť na dokumentáciu sa pozrieť na

114
00:06:15,500 --> 00:06:18,690
podrobná dokumentácia pre voliča Budem sa tu zaoberať.

115
00:06:18,690 --> 00:06:24,120
Myšlienka voliča je, že si môžete vybrať prvky HTML na stránke.

116
00:06:24,120 --> 00:06:28,790
Prvky na stránke mať ID a triedy a ďalšie identifikačné aspekty k nim.

117
00:06:28,790 --> 00:06:30,500
K dispozícii je tiež - Už sú v rôznom poradí.

118
00:06:30,500 --> 00:06:32,570
Niektorí v čase, keď sú zanorené do seba.

119
00:06:32,570 --> 00:06:38,120
JQuery umožňuje vytvoriť jednoduché otázky, ktoré načítavajú prvky zo stránky.

120
00:06:38,120 --> 00:06:41,890
Potom môžete manipulovať s tými prvkami pomocou jQuery funkcie,

121
00:06:41,890 --> 00:06:43,990
ktorý je manipulácia časť sa dostaneme neskôr.

122
00:06:43,990 --> 00:06:46,040
Môžete zmeniť HTML, CSS, zmeniť

123
00:06:46,040 --> 00:06:50,500
môžete animovať a pridať funkcie, ktoré aktivujú na určité udalosti.

124
00:06:50,500 --> 00:06:52,710
Tak napríklad, ak niečo klikol, ktoré chcete aby sa niečo stalo,

125
00:06:52,710 --> 00:06:55,210
môžete to urobiť pomocou jQuery rovnako.

126
00:06:55,210 --> 00:06:57,380
A existuje obrovské množstvo spôsobov, ako vybrať prvky.

127
00:06:57,380 --> 00:07:00,310
Väčšina z nich som nikdy nepoužíval, ale tam sú tie základné,

128
00:07:00,310 --> 00:07:02,340
ktoré sú veľmi dôležité.

129
00:07:02,340 --> 00:07:05,750
Výber prvku, napríklad, ak ste práve výberom nič

130
00:07:05,750 --> 00:07:10,640
to je div - vlastne mám kód otvorený pre túto prezentáciu snímok.

131
00:07:10,640 --> 00:07:13,450
Tak, napríklad, tu je prvá snímka.

132
00:07:13,450 --> 00:07:17,430
Tu máme div. Ak by sme skutočne vybrať všetky divy na stránke,

133
00:07:17,430 --> 00:07:22,300
to bude len nám rad všetkých tagy Div, ktoré existujú v tomto súbore.

134
00:07:22,300 --> 00:07:27,040
ID selektor umožňuje vybrať čokoľvek s daným ID.

135
00:07:27,040 --> 00:07:32,230
Takže ak to, napríklad, to, čo má ID "Čo je,"

136
00:07:32,230 --> 00:07:37,160
a keď sme to urobili s #, čo miesto nejakého ID,

137
00:07:37,160 --> 00:07:42,920
, Že by sa len vráti pole, ktoré má jeden prvok, a to je, že prvok na stránke.

138
00:07:42,920 --> 00:07:45,490
Môžeme tiež kombinovať selektory túto cestu tým, že

139
00:07:45,490 --> 00:07:48,260
vybrať iba veci s ID, ktoré sú divs.

140
00:07:48,260 --> 00:07:51,810
Tak jo. Iba vyberte divy, ktoré majú toto ID.

141
00:07:51,810 --> 00:07:55,260
Pre triedu stačí použiť bodku, je to to isté, ako CSS.

142
00:07:55,260 --> 00:07:57,500
Potomok tiež funguje, takže ak máte nejaké triedy

143
00:07:57,500 --> 00:08:00,170
a to vnorené prvky v ňom - ​​tak, napríklad,

144
00:08:00,170 --> 00:08:03,260
tam je nejaká trieda a má kotevné tag ako odkaz na inú stránku,

145
00:08:03,260 --> 00:08:08,510
môžete použiť túto syntax načítať odkaz.

146
00:08:08,510 --> 00:08:12,420
Môžete vybrať aj viac vecí naraz, stačí ich oddeliť čiarkami,

147
00:08:12,420 --> 00:08:17,360
použiť akýkoľvek volič, ktorý chcete, a budete chcete vybrať všetky naraz, v jednom poli.

148
00:08:17,360 --> 00:08:19,650
A potom je tu tiež nie je volič, takže si môžete vybrať všetky divy

149
00:08:19,650 --> 00:08:24,210
ktoré nemajú určité triedy.

150
00:08:24,210 --> 00:08:28,790
A to je len spôsob, ako získať užitočné úvod o tom, ako táto voľba funguje.

151
00:08:28,790 --> 00:08:32,270
Ukážem niekoľko konkrétnych príkladov v druhej.

152
00:08:32,270 --> 00:08:35,480
>> Pokročilé selektory sú - to je len niekoľko príkladov.

153
00:08:35,480 --> 00:08:38,840
Existujú desiatky z nich, ale ak chcete vybrať všetky obrazové značky

154
00:08:38,840 --> 00:08:42,799
vnútri nejakého prvku, potom stačí urobiť: snímka.

155
00:08:42,799 --> 00:08:45,340
Ak chcete vybrať aj prvky, napríklad ak existuje 20 z nich,

156
00:08:45,340 --> 00:08:48,290
Ak chcete zvoliť 0, 2, 4, 6 a tak ďalej,

157
00:08:48,290 --> 00:08:51,630
vy: i, alebo môžete vykonať tiež: odd.

158
00:08:51,630 --> 00:08:55,470
Jedná sa o pseudo voliča, čo znamená, že v skutočnosti počítať

159
00:08:55,470 --> 00:09:00,960
každý ďalší prvok, skôr než len ísť a výberu všetkých z nich.

160
00:09:00,960 --> 00:09:05,510
Môžete tiež - každý prvok môže mať špecifické vlastnosti.

161
00:09:05,510 --> 00:09:10,580
Tak, napríklad, class = stred je tiež atribút.

162
00:09:10,580 --> 00:09:16,500
Z tohto kotva tag href, hypertext referencie, je tiež atribút.

163
00:09:16,500 --> 00:09:21,150
Takže si môžete vybrať niečo, čo odkazuje na konkrétnu stránku alebo len - je to naozaj všeobecne.

164
00:09:21,150 --> 00:09:25,410
Môžete si vybrať čokoľvek s akoukoľvek atribút, ktorý by ste chceli.

165
00:09:25,410 --> 00:09:27,470
A potom, aj, atribút obsahuje.

166
00:09:27,470 --> 00:09:30,420
Ak ste napríklad chceli vybrať všetky vstupné prvky

167
00:09:30,420 --> 00:09:32,700
ktoré majú slovo "pass" ako meno ich,

168
00:09:32,700 --> 00:09:37,560
ak stránka obsahuje vstupný blok textu

169
00:09:37,560 --> 00:09:41,050
tomu sa hovorí "heslo", že by jeden spôsob, ako by ste mohli vybrať to.

170
00:09:41,050 --> 00:09:43,020
A existuje mnoho ďalších. Môžete ísť dopredu a pozrieť sa na dokumentáciu

171
00:09:43,020 --> 00:09:46,950
a vidieť konkrétne príklady, ako to funguje.

172
00:09:46,950 --> 00:09:48,840
>> Ďalšia vec je DOM manipulácia.

173
00:09:48,840 --> 00:09:52,500
Potom, čo vyberieme prvky, sa chceme skutočne robiť veci s nimi.

174
00:09:52,500 --> 00:09:55,500
Zatiaľ sme sa pozrel na to vôbec, ale keď sa pozriete na dokumentáciu,

175
00:09:55,500 --> 00:09:57,950
je to naozaj veľa, že by sme mohli urobiť.

176
00:09:57,950 --> 00:10:02,900
Na tomto mieste budeme voliť prvkov na tejto prezentácii

177
00:10:02,900 --> 00:10:04,890
a manipulovať s nimi pomocou jQuery.

178
00:10:04,890 --> 00:10:08,290
Pretože toto je implementované pomocou jQuery, máme prístup k jQuery knižnice,

179
00:10:08,290 --> 00:10:13,580
a môžeme použiť tieto funkcie v rámci tohto kódu.

180
00:10:13,580 --> 00:10:16,200
Jedna užitočná vec, ktorú nemusí vedieť, je konzola.

181
00:10:16,200 --> 00:10:19,340
A Google Chrome je to, čo som pomocou. Môžete stlačiť alt príkaz J

182
00:10:19,340 --> 00:10:21,720
alebo alt riadenie J pre otvorenie konzoly.

183
00:10:21,720 --> 00:10:26,130
Vo Firefoxe si myslím, že je to príkaz alebo ovládací K posunu radiacej K.

184
00:10:26,130 --> 00:10:28,880
V Safari budete musieť ísť meniť niektoré nastavenia.

185
00:10:28,880 --> 00:10:35,460
Tam je odkaz, ak chcete to urobiť, ale ja odporúčam dostať Chrome alebo Firefox.

186
00:10:35,460 --> 00:10:37,750
Takže poďme otvoriť konzolu, je to tu.

187
00:10:37,750 --> 00:10:41,170
To umožňuje v podstate len to, čo chcete.

188
00:10:41,170 --> 00:10:45,100
Takže stačí zadať vytvoriť premennú s názvom X,

189
00:10:45,100 --> 00:10:49,200
x = 5, pozrime sa, čo x + 2 je.

190
00:10:49,200 --> 00:10:57,670
Môžete dokonca urobiť niečo ako CS + Pozrime sa, x + 45, ktorý bude CS50.

191
00:10:57,670 --> 00:11:00,530
Stačí si len urobiť nejaké typické JavaScript veci.

192
00:11:00,530 --> 00:11:02,730
Ale môžete si tiež urobiť jQuery tu.

193
00:11:02,730 --> 00:11:06,200
>> Tak sa poďme pozrieť na prvého aspektu tu.

194
00:11:06,200 --> 00:11:09,500
Chystáme sa vytvoriť premennú s názvom HTML, čo je reťazec.

195
00:11:09,500 --> 00:11:15,890
Má značka odseku v tom, že sa hovorí nejaký nový text.

196
00:11:15,890 --> 00:11:19,420
Takže máme tento HTML, je to nejaký nový text v bode tagy.

197
00:11:19,420 --> 00:11:21,800
Teraz vlastne chceme pridať na stránku.

198
00:11:21,800 --> 00:11:28,310
Nastavil som to tak, že HTML na tento odsek, tento titul tu, append ID.

199
00:11:28,310 --> 00:11:32,320
Zvolíme Ak pripájací ID a pripojiť k nemu

200
00:11:32,320 --> 00:11:34,560
HTML premenné som vytvoril,

201
00:11:34,560 --> 00:11:40,370
bude dodať, že HTML na konci, hneď po tomto tagu odseku.

202
00:11:40,370 --> 00:11:43,730
Takže keď to urobíme - sme si vybrali tento odsek,

203
00:11:43,730 --> 00:11:47,590
a zavolali sme na pripájací funkciu s premenlivou HTML som práve pridali,

204
00:11:47,590 --> 00:11:50,960
bude dodať, že nový text tu na stránke.

205
00:11:50,960 --> 00:11:54,970
Môžeme tiež predradiť, čo znamená, že pôjde skôr, na začiatku tohto prvku.

206
00:11:54,970 --> 00:11:58,290
Takže tam je nejaký nový text na začiatku a po ňom.

207
00:11:58,290 --> 00:12:01,660
Môžem ísť dopredu a osviežiť sa zbaviť tejto veci som práve urobil.

208
00:12:01,660 --> 00:12:05,280
Ale to je príklad toho, ako môžete použiť predradený a pripojiť metódy

209
00:12:05,280 --> 00:12:08,910
manipulovať veci na stránke, pridať nejaký HTML.

210
00:12:08,910 --> 00:12:11,080
>> Môžete tiež zmeniť tried.

211
00:12:11,080 --> 00:12:14,970
Späť v tomto súbore štýle, vytvoril som to na win triedy

212
00:12:14,970 --> 00:12:19,990
ktorá má červenú farbu textu, farbu pozadia nejaký a tieňa textu.

213
00:12:19,990 --> 00:12:23,810
Vyzerá to odporné, ale ja v skutočnosti -

214
00:12:23,810 --> 00:12:26,410
tomto odseku zodpovedá triede ID.

215
00:12:26,410 --> 00:12:29,860
Takže môžem pridať triedu pre víťazstvo.

216
00:12:29,860 --> 00:12:31,870
Môžem spustiť túto funkciu v konzole,

217
00:12:31,870 --> 00:12:35,480
a pridá túto triedu, a teraz to vyzerá, odporný, ako sa očakávalo.

218
00:12:35,480 --> 00:12:39,680
CSS sa automaticky dostane aplikovať na triedy, ktoré -

219
00:12:39,680 --> 00:12:42,680
v prípade, že je CSS pre triedu, automaticky dostane použitá

220
00:12:42,680 --> 00:12:44,680
ak zmeníte triedu elementu.

221
00:12:44,680 --> 00:12:49,230
Potom sa môžeme len odstrániť pomocou odobratie triedy.

222
00:12:49,230 --> 00:12:53,690
Takže ak máte nejaké preddefinované triedy, ako je červená alebo zvýraznená,

223
00:12:53,690 --> 00:12:55,990
a potom chcete použiť tie na prvky,

224
00:12:55,990 --> 00:12:58,230
nemusíte robiť všetku CSS styling zakaždým.

225
00:12:58,230 --> 00:13:01,510
Proste pridáte triedu k elementu, a potom sa automaticky stane -

226
00:13:01,510 --> 00:13:05,580
bude automaticky hľadať vhodný pre danú triedu.

227
00:13:05,580 --> 00:13:07,900
Môžeme tiež odstrániť veci, takže budem vyberte všetky divy

228
00:13:07,900 --> 00:13:10,830
na stránke a odstrániť ich.

229
00:13:10,830 --> 00:13:13,990
Čo to bude vyzerať?

230
00:13:13,990 --> 00:13:16,170
Bude to vyzerať ako nič, takže je to vlastne nič nezostalo.

231
00:13:16,170 --> 00:13:18,170
Moja prezentácia je preč.

232
00:13:18,170 --> 00:13:21,290
Môžem obnoviť a priviesť ju späť, našťastie,

233
00:13:21,290 --> 00:13:24,420
pretože je to práve beží raz,

234
00:13:24,420 --> 00:13:29,460
ale to je príklad odstránenie, ak chcete úplne zničiť prvok mimo stránku.

235
00:13:29,460 --> 00:13:33,180
>> Môžete tiež prepísať, a budem chcete vybrať všetky odseky tagy na stránke

236
00:13:33,180 --> 00:13:36,850
a ísť v nich a nahradiť čokoľvek textu, ktorý majú v nich

237
00:13:36,850 --> 00:13:39,690
len s slovo "skúšky".

238
00:13:39,690 --> 00:13:46,520
Ak tak urobíte, budete nahradiť každý odsek na stránke s týmto testovaním.

239
00:13:46,520 --> 00:13:49,150
Jo. Všetci sú nahradené testovanie.

240
00:13:49,150 --> 00:13:53,270
Tak to je príklad prístupu k textu a prepísanie.

241
00:13:53,270 --> 00:13:57,490
Môžete tiež získať informácie, a to je naozaj cool vstupných polí.

242
00:13:57,490 --> 00:14:00,470
Ak máte vstupné pole, ktoré ľudia píšete veci, do

243
00:14:00,470 --> 00:14:03,880
ľudia píšu veci do neho,

244
00:14:03,880 --> 00:14:09,030
Tu vyberieme vstup, nejaký vstupný tag s typom textu.

245
00:14:09,030 --> 00:14:13,800
V tomto prípade existuje iba jeden vstupný polia v celej prezentácii,

246
00:14:13,800 --> 00:14:17,260
a tak sme si len vybrať ten prvý, a potom zavoláme funkciu val na to.

247
00:14:17,260 --> 00:14:19,570
, Ktorá vracia hodnotu, a pre vstupné pole,

248
00:14:19,570 --> 00:14:24,330
hodnota je len čo sa stane, že je v nej.

249
00:14:24,330 --> 00:14:31,880
Takže ak to urobíme, to jednoducho vracia reťazec veci.

250
00:14:31,880 --> 00:14:36,860
A keď hovoríme to znovu po napísaní viacerých vecí, sa premení v ďalšej veci.

251
00:14:36,860 --> 00:14:40,760
To je jeden skvelý spôsob, ako získať prístup prvkami vstupného poľa a potom skontrolovať,

252
00:14:40,760 --> 00:14:45,060
je táto platná e-mailová adresa, je to platný dátum, napríklad.

253
00:14:45,060 --> 00:14:49,600
Môžete len získať veci okamžite, ako ľudia píšu to,

254
00:14:49,600 --> 00:14:54,830
a skontrolujte, či je to platné, zašlite ho späť na server, robiť, čo chcete s ňou.

255
00:14:54,830 --> 00:14:57,720
A to je, ako pristupovať čo je vo vnútri tých krabíc.

256
00:14:57,720 --> 00:15:00,090
>> Môžete tiež upraviť CSS priamo, takže namiesto pridania

257
00:15:00,090 --> 00:15:02,510
Trieda, ktorá má niektoré preddefinované vlastnosti,

258
00:15:02,510 --> 00:15:08,120
stačí pridať čokoľvek CSS chcete niečo.

259
00:15:08,120 --> 00:15:10,350
Takže poďme vybrať telo, ktoré je celé prezentácie,

260
00:15:10,350 --> 00:15:14,370
a farba je vlastnosť, ktorá definuje, čo sa farby je text.

261
00:15:14,370 --> 00:15:19,420
Ak zmeníme ju na červenú, bude všetok text na stránke rozsvieti červeno.

262
00:15:19,420 --> 00:15:26,310
Môžeme urobiť niečo ako modrú farbu pozadia,

263
00:15:26,310 --> 00:15:30,680
tam ideme, je to krásne.

264
00:15:30,680 --> 00:15:33,840
Môžete si robiť, čo chcete s tým.

265
00:15:33,840 --> 00:15:39,250
Pomocou vlastnosti CSS, môžete naozaj zmeniť, ako niečo vyzerá kedykoľvek.

266
00:15:39,250 --> 00:15:41,630
Ďalšia vec je účinky.

267
00:15:41,630 --> 00:15:45,710
Efekty sú v podstate to isté ako úpravou CSS,

268
00:15:45,710 --> 00:15:48,870
ale skutočne poskytujú niektoré ďalšie animáciu na to.

269
00:15:48,870 --> 00:15:53,380
Takže namiesto toho len ukazovať, alebo niečo skrýva, alebo zmenou farby,

270
00:15:53,380 --> 00:15:56,130
môžete vlastne robiť to oživila.

271
00:15:56,130 --> 00:16:00,760
Tu je dokumentácia, ak sa chcete pozrieť na rozsiahlou dokumentáciou pre ňu.

272
00:16:00,760 --> 00:16:04,760
Ale ja idem na pokrytie hlavnej.

273
00:16:04,760 --> 00:16:12,030
Existujú zobraziť a skryť vlastnosti.

274
00:16:12,030 --> 00:16:14,510
Zobraziť / skryť ID skutočne zodpovedá celý tento box

275
00:16:14,510 --> 00:16:18,190
takže keď som ju skryť, bude to len tak zmiznúť.

276
00:16:18,190 --> 00:16:24,210
A môžem ho znova zobraziť, ak chcem, aby to vrátiť.

277
00:16:24,210 --> 00:16:26,340
A je to späť. To však v skutočnosti nezmizne,

278
00:16:26,340 --> 00:16:30,670
Nechcel som vlastne odstrániť zo stránky, len som nastaviť vlastnosť CSS viditeľnosti na skryté

279
00:16:30,670 --> 00:16:34,030
takže nemôžete vidieť už nie.

280
00:16:34,030 --> 00:16:39,250
K dispozícii je tiež kĺzať hore a posuňte nadol, ktoré vám umožní mať tento účinok.

281
00:16:39,250 --> 00:16:47,050
Kĺže až zmizne, a potom, čo zmizne

282
00:16:47,050 --> 00:16:53,210
môžete posuňte ho smerom nadol, aby sa vrátil. A teraz je to späť.

283
00:16:53,210 --> 00:16:57,650
K dispozícii je tiež to fade efekt, ktorý sa - fade ID zodpovedá do tohto boxu.

284
00:16:57,650 --> 00:17:01,200
Keby som jej prepadnete von, potom to pomaly zmizne.

285
00:17:01,200 --> 00:17:04,490
Môžem tiež slabnúť ju, a že sa vráti.

286
00:17:04,490 --> 00:17:08,930
Môžete si tiež urobiť fade k, ktorý je špecifický pre funkciu fade.

287
00:17:08,930 --> 00:17:12,589
Môžete mať to fade na konkrétne netransparentnosti, ktoré chcete.

288
00:17:12,589 --> 00:17:16,869
Takže ak ste jej prepadnete pomaly 0,5, bude to stať sa polovica viditeľné.

289
00:17:16,869 --> 00:17:22,630
Môžem sa ísť do 0,1, a späť na 1, aby bolo plne viditeľné znova.

290
00:17:22,630 --> 00:17:24,760
To je len ďalší animácie, ktoré môžete urobiť.

291
00:17:24,760 --> 00:17:26,750
>> Tam sú tiež klopné účinky.

292
00:17:26,750 --> 00:17:33,410
Takže budem vyberte prepínací ID, ktorý zodpovedá tento box

293
00:17:33,410 --> 00:17:38,970
a na tom div môžete volať prepínať, ak je to vidieť, že sa stane neviditeľným,

294
00:17:38,970 --> 00:17:42,320
či je to neviditeľné, že bude opäť viditeľné.

295
00:17:42,320 --> 00:17:44,440
Tak som to nazval prepínací funkciu dvakrát, prvý z nich bol

296
00:17:44,440 --> 00:17:48,380
to isté ako koža, druhá výzva bola rovnaká vec ako show.

297
00:17:48,380 --> 00:17:53,510
A tiež môžete urobiť s fade prepínač,

298
00:17:53,510 --> 00:17:55,730
ktorý robí to isté, okrem toho, že vlastne miznú.

299
00:17:55,730 --> 00:17:59,410
A to isté sa šmýkačkou prepínať.

300
00:17:59,410 --> 00:18:01,460
K dispozícii sú zreťazené efekty tiež, čo znamená, že

301
00:18:01,460 --> 00:18:05,520
ak vyberiete prvok a stačí zavolať veľa animačných metód na to,

302
00:18:05,520 --> 00:18:07,400
ak by ste chceli, aby zatmívání, posuňte nadol,

303
00:18:07,400 --> 00:18:11,040
a potom sa schovať a potom slabnúť, bude to robiť im v rade.

304
00:18:11,040 --> 00:18:24,920
Tak zmizol, vrátil sa - z nejakého dôvodu sa skryť nestalo.

305
00:18:24,920 --> 00:18:30,030
Skúsme to. Jo, tak to vyblednuté a potom vykĺzla.

306
00:18:30,030 --> 00:18:32,230
A existuje veľa ďalších. Môžete použiť funkciu animovať

307
00:18:32,230 --> 00:18:35,370
vytvoriť si vlastné animácie, čo je pomerne zložitá,

308
00:18:35,370 --> 00:18:38,790
ale to vám poskytuje nekonečné rozšíriteľnosť.

309
00:18:38,790 --> 00:18:40,630
Môžete si vytvoriť akýkoľvek druh animácie, ktoré chcete.

310
00:18:40,630 --> 00:18:44,230
Môžete tiež použiť frontu do fronty viac animácií naraz.

311
00:18:44,230 --> 00:18:47,340
Takže ak chcete niečo prelietať stránky,

312
00:18:47,340 --> 00:18:49,860
snímka z pravom hornom rohu do ľavého dolného rohu, môžete to urobiť,

313
00:18:49,860 --> 00:18:55,240
a len majú veľa akciám, ktoré idú jeden po druhom.

314
00:18:55,240 --> 00:18:57,490
>> Ďalšia vec, ktorú budeme hovoriť o udalosti.

315
00:18:57,490 --> 00:19:02,090
Udalosti umožňujú - tak ďaleko, že sme práve boli písať veci do konzoly

316
00:19:02,090 --> 00:19:04,870
a to je jeden spôsob, ako sa to stalo,

317
00:19:04,870 --> 00:19:08,020
ale na skutočné stránky, nebudete mať možnosť

318
00:19:08,020 --> 00:19:10,020
robiť veci, ktoré užívateľ zadať do konzoly.

319
00:19:10,020 --> 00:19:12,050
Chcete čo sa stane automaticky.

320
00:19:12,050 --> 00:19:18,060
Za to, že budete musieť použiť udalosti, ktoré aktivujú na nejaké určité udalosti deje.

321
00:19:18,060 --> 00:19:21,340
Môžete skontrolovať dokumentáciu pre všetky podrobnosti.

322
00:19:21,340 --> 00:19:24,030
Tak uvidíme. Chceme skryť alebo zobraziť okno

323
00:19:24,030 --> 00:19:29,340
ale teraz toto tlačidlo sa nič robiť, pretože som nemal realizovať to ešte.

324
00:19:29,340 --> 00:19:35,420
Chystám sa ísť na aktuálnej HTML stránky.

325
00:19:35,420 --> 00:19:38,560
Tu je snímka. Je to div na snímke.

326
00:19:38,560 --> 00:19:41,230
To má triedu snímky.

327
00:19:41,230 --> 00:19:46,890
Tam je text. Teraz, tam je to box a box tlačidlo.

328
00:19:46,890 --> 00:19:52,900
Ako by sme vlastne robiť to zmizne?

329
00:19:52,900 --> 00:19:58,250
Po prvé, poďme napísať funkciu, ktorá robí box ID zmizne.

330
00:19:58,250 --> 00:20:01,820
To je syntax pre funtion, poďme len zavolať, že hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Neberie žiadne argumenty, pretože neexistujú žiadne argumenty, ktoré sa majú prijať.

332
00:20:06,130 --> 00:20:08,950
Môžeme zvoliť pole ID.

333
00:20:08,950 --> 00:20:15,020
Takže pomocou jQuery vyberte si môžeme vybrať medzi poľa ID,

334
00:20:15,020 --> 00:20:17,700
a potom už len, aby to zmizne.

335
00:20:17,700 --> 00:20:20,690
Urobme to mizne.

336
00:20:20,690 --> 00:20:27,390
Keď sme bežali túto funkciu v aktuálnej konzole

337
00:20:27,390 --> 00:20:33,380
by sme mohli definovať funkciu, môžeme nazvať hideTheBox, a funguje to.

338
00:20:33,380 --> 00:20:36,650
Ale my chceme, aby sa stalo, keď je tlačidlo stlačené skutočnosti.

339
00:20:36,650 --> 00:20:40,950
K tomu musíme použiť udalosť.

340
00:20:40,950 --> 00:20:45,500
Zviazať udalosti nejaké konkrétne tlačidla alebo nejakej akcie happening,

341
00:20:45,500 --> 00:20:50,040
musíme vybrať prvok, ktorý udalosť vyvolať -

342
00:20:50,040 --> 00:20:52,650
alebo že spustí udalosť, je mi ľúto.

343
00:20:52,650 --> 00:20:57,220
>> Takže v prvom rade, poďme zaškrtnite políčko tlačidlo ID

344
00:20:57,220 --> 00:20:59,610
pretože to je tlačidlo, a teraz, keď na to tlačidlo,

345
00:20:59,610 --> 00:21:02,750
Chceme vytvoriť animáciu, keď je kliknutie.

346
00:21:02,750 --> 00:21:05,040
Takže tam, kliknite funkciu.

347
00:21:05,040 --> 00:21:08,470
To umožňuje nadviazať inú funkciu k nemu.

348
00:21:08,470 --> 00:21:12,320
Táto funkcia má inú funkciu ako argument

349
00:21:12,320 --> 00:21:14,310
môžeme odovzdať funkciu hideTheBox,

350
00:21:14,310 --> 00:21:20,950
a pri každom kliknutí na toto tlačidlo, bude táto funkcia automaticky spustiť.

351
00:21:20,950 --> 00:21:24,850
Takže to bude fungovať, ak uložíme to, budem aktualizovať,

352
00:21:24,850 --> 00:21:33,460
a - jednu sekundu, je mi ľúto.

353
00:21:33,460 --> 00:21:44,770
Opraviť to naozaj rýchlo.

354
00:21:44,770 --> 00:21:50,680
Dobre. Tam ideme. Takže teraz box sa vytráca, keď kliknite na tlačidlo.

355
00:21:50,680 --> 00:21:55,470
Môžeme tiež zmeniť len fadeToggle,

356
00:21:55,470 --> 00:22:00,020
zmeniť len skryť alebo zobraziť okno

357
00:22:00,020 --> 00:22:03,850
a to bude tiež fungovať taky, ak budeme aktualizovať.

358
00:22:03,850 --> 00:22:08,550
Môžeme sa skryť, môžeme tiež ukázať, a že bude pokračovať v práci.

359
00:22:08,550 --> 00:22:12,210
Ďalšia vec, ktorú môžeme urobiť, je, že vlastne nemáte definovať túto funkciu hideTheBox

360
00:22:12,210 --> 00:22:15,050
než zavoláme tlačidlom vo funkcii.

361
00:22:15,050 --> 00:22:17,640
Takže namiesto toho, definovanie funkcie a volania hideTheBox,

362
00:22:17,640 --> 00:22:20,310
budeme baviť iba volať, ak táto vec kliknutí.

363
00:22:20,310 --> 00:22:22,310
Takže môžeme definovať to anonymne tu,

364
00:22:22,310 --> 00:22:25,070
čo je funkcia, ktorá má JavaScript.

365
00:22:25,070 --> 00:22:29,720
Môžete definovať funkciu, normálne, povedali by sme, že funkcia hideTheBox

366
00:22:29,720 --> 00:22:34,490
s argumentmi, ale môžeme len povedať, funkcia bez argumentov,

367
00:22:34,490 --> 00:22:36,870
spustiť zložená zátvorka definovať funkciu,

368
00:22:36,870 --> 00:22:40,780
uzavrieť, že zloženú zátvorku, a potom už len definovať funkciu tu

369
00:22:40,780 --> 00:22:45,130
v prvej zátvorke a posledná zátvorka

370
00:22:45,130 --> 00:22:47,860
, Ktoré zodpovedajú argumenty click funkcie.

371
00:22:47,860 --> 00:22:53,320
Takže sme okolo v tejto funkcii môžeme skopírovať tento riadok kódu tu,

372
00:22:53,320 --> 00:22:55,450
a ktorý bude robiť presne to isté.

373
00:22:55,450 --> 00:22:57,290
A teraz nemáme túto funkciu náhodný fadeTheBox

374
00:22:57,290 --> 00:22:59,960
ktorá je sedieť bez zjavného dôvodu.

375
00:22:59,960 --> 00:23:02,070
Táto funkcia bola definovaná anonymne, to nemá meno.

376
00:23:02,070 --> 00:23:08,060
To sa vykoná iba, keď kliknete na tlačidlo Kváder.

377
00:23:08,060 --> 00:23:12,180
Takže osviežujúci ešte raz, ešte raz, a môžete vidieť, že to ešte funguje.

378
00:23:12,180 --> 00:23:16,700
A to je, ako vytvárať udalosti.

379
00:23:16,700 --> 00:23:19,190
>> Existuje mnoho rôznych udalostí, ktoré môžeme použiť.

380
00:23:19,190 --> 00:23:23,540
Chystám sa prepnúť späť na pomocou konzoly len ukázať, ako tieto práce.

381
00:23:23,540 --> 00:23:28,210
ID je pre každú z nich zodpovedajú každej krabici.

382
00:23:28,210 --> 00:23:33,020
Takže toto políčko, je kliknúť ID, toto je kľúč ID, a toto je myš ID.

383
00:23:33,020 --> 00:23:36,120
Ešte jedna vec je, že je táto akcia funkcia, skôr než písať to zakaždým,

384
00:23:36,120 --> 00:23:41,610
Vlastne som išiel dopredu a definoval akčný funkciu sem.

385
00:23:41,610 --> 00:23:46,860
To robí to isté ako hideTheBox funkciu.

386
00:23:46,860 --> 00:23:51,340
To dostane toto políčko a buď sa stráca to vybledne alebo sa dovnútra

387
00:23:51,340 --> 00:23:54,110
A to je dôvod, prečo sme schopní ho tu.

388
00:23:54,110 --> 00:24:00,350
Takže ak klikneme na tomto cvaknutie ID, chceme, aby okno zmizne a znova.

389
00:24:00,350 --> 00:24:03,610
Je to to isté ako tlačidlo, ktoré sme mali v poslednom snímke.

390
00:24:03,610 --> 00:24:07,450
Teraz po hovoríme, že môžeme kliknite na tento a okno zmizne,

391
00:24:07,450 --> 00:24:10,160
kliknite na ňu znova a znova sa objaví okno.

392
00:24:10,160 --> 00:24:12,480
Je to celkom jednoduché. Dvojklikom robí to isté,

393
00:24:12,480 --> 00:24:15,660
okrem toho vyžaduje dvojklik.

394
00:24:15,660 --> 00:24:19,030
Takže ak na neho kliknete raz a kliknite na neho opäť sa nič nestane,

395
00:24:19,030 --> 00:24:21,140
ale ak dvakrát kliknete rýchlo, bude to zmizne.

396
00:24:21,140 --> 00:24:23,310
Pokiaľ kliknete dvojklikom znova, bude to vrátiť.

397
00:24:23,310 --> 00:24:25,250
Tak to je celkom jednoduché.

398
00:24:25,250 --> 00:24:31,170
Vstup z klávesnice je trochu divné, ja si nemyslím, že to skutočne funguje v tomto príklade

399
00:24:31,170 --> 00:24:37,670
pretože kľúč dolu, kľúč a stlačenie tlačidla a ďalšie kľúčové podujatia

400
00:24:37,670 --> 00:24:47,190
aktivovať bez ohľadu na to, čo prvok, ktorý viazať.

401
00:24:47,190 --> 00:24:51,410
Napríklad, aj keď som viazaný tlačidla dole k telu, alebo niečo úplne iné,

402
00:24:51,410 --> 00:24:55,950
potom by to ešte aktivovať bez ohľadu na to - nie je to špecifické.

403
00:24:55,950 --> 00:25:00,190
Nemám sa kliknutím na toto pole a stlačte kláves, aby sa niečo zmizne.

404
00:25:00,190 --> 00:25:04,470
By mohla byť aktivovaná bez ohľadu na to, čo element som práve nachádzate

405
00:25:04,470 --> 00:25:06,880
Takže tieto nie sú v skutočnosti pracujú v tomto prípade

406
00:25:06,880 --> 00:25:13,180
pretože neuznáva ma vstupu vstup do div vstup z klávesnice.

407
00:25:13,180 --> 00:25:15,740
>> Ale keď sa pozriete na akcie myši,

408
00:25:15,740 --> 00:25:19,620
Prvý z nich je pohybovať, a to môže urobiť niečo z toho pomocou CSS.

409
00:25:19,620 --> 00:25:24,280
Ak používate CSS, môžete ju vytvoriť tak, že ak sa vznášajú nad niečím,

410
00:25:24,280 --> 00:25:28,940
potom jeho zmeny štýlu.

411
00:25:28,940 --> 00:25:32,170
Ale s použitím jQuery môžete zmeniť štýly iných vecí tiež.

412
00:25:32,170 --> 00:25:37,120
Tak, napríklad, budeme nazývať opatrenia, ak sa vznášať nad týmto div.

413
00:25:37,120 --> 00:25:39,660
To znamená, že ak budeme vznášať sa nad ňu, a potom okno zmizne.

414
00:25:39,660 --> 00:25:42,430
Ak sa vzďaľujete, bude okno znovu objaví.

415
00:25:42,430 --> 00:25:45,090
Nazveme ak tento a vznášať sa nad ním, okno sa zmiznúť,

416
00:25:45,090 --> 00:25:47,050
a akonáhle sa vzdiali, vráti sa späť.

417
00:25:47,050 --> 00:25:49,750
Nazveme ak túto funkciu hover na myš ID,

418
00:25:49,750 --> 00:25:54,380
čo zodpovedá tento box a potom keď sme vznášať sa nad poľami,

419
00:25:54,380 --> 00:26:00,440
potom sa okno skutočne zmizne - je to byť funky hneď, ale -

420
00:26:00,440 --> 00:26:06,310
ak sa vzďaľujete, bude to znova. Práve teraz je to obrátene z nejakého dôvodu.

421
00:26:06,310 --> 00:26:12,720
Myš zadať a funkcie pohybu myši sú trochu podobné, ale mierne odlišné.

422
00:26:12,720 --> 00:26:16,470
Myš zadať iba sa aktivuje, ak kurzor myši vstúpi na pole, podľa očakávania.

423
00:26:16,470 --> 00:26:19,210
Takže ak budete pohybovať do nej, bude to zmizne.

424
00:26:19,210 --> 00:26:23,210
Ale nebude to objaví znovu, keď sa vzďaľujete, budete musieť vrátiť na neho pre to, aby sa vrátil.

425
00:26:23,210 --> 00:26:25,590
K dispozícii je tiež funkcia pohybu myši, ktorý bude aktivovať

426
00:26:25,590 --> 00:26:29,300
keď myš je prítomná v krabici.

427
00:26:29,300 --> 00:26:32,430
Takže to bude len pokračovať ďalej, blednutiu a von.

428
00:26:32,430 --> 00:26:35,660
A je to vlastne prihlásenie - Vyzerá to, že je to len vyblednutiu dovnútra a von,

429
00:26:35,660 --> 00:26:39,140
ale je to vlastne prihlásenie oveľa viac akcie, ako to,

430
00:26:39,140 --> 00:26:43,550
takže pri odchode to bude len ďalej, pretože prihlásený ako tisíce z nich.

431
00:26:43,550 --> 00:26:46,620
Možno nie tisíc. Možno päť.

432
00:26:46,620 --> 00:26:50,200
Sa prihlási viac než to.

433
00:26:50,200 --> 00:26:53,280
Ide o to, všetky akcie myši, existuje veľa z nich.

434
00:26:53,280 --> 00:26:55,480
Môžete si prečítať na tie ostatné, ale všetky sú mierne odlišné,

435
00:26:55,480 --> 00:26:57,700
a môžete si vybrať podľa toho, čo ten, ktorý potrebujete

436
00:26:57,700 --> 00:27:02,130
podľa toho, čo pre konkrétny účel sa snažíte robiť.

437
00:27:02,130 --> 00:27:05,060
>> Ďalšia vec, ktorú budem hovoriť, je AJAX.

438
00:27:05,060 --> 00:27:09,340
AJAX, ja viem, že sa netýkala JavaScript toľko hĺbky v tomto roku,

439
00:27:09,340 --> 00:27:11,770
tak som len tak hovoriť o AJAX všeobecne za minútu.

440
00:27:11,770 --> 00:27:15,210
AJAX je skratka pre Asynchronous JavaScript and XML.

441
00:27:15,210 --> 00:27:19,030
Je to v podstate, napríklad, keď ste na Facebooku a tlačí vás oznámenia,

442
00:27:19,030 --> 00:27:23,060
to preto, že AJAX je spustená vo Vašom webovom prehliadači.

443
00:27:23,060 --> 00:27:25,800
Každých pár sekúnd váš webový prehliadač je vlastne

444
00:27:25,800 --> 00:27:29,420
ísť k serverom Facebook je, žiadať ich, máte niečo nové pre mňa,

445
00:27:29,420 --> 00:27:31,980
a potom sa vráti k vám.

446
00:27:31,980 --> 00:27:36,320
To vám umožní odosielať požiadavky na server

447
00:27:36,320 --> 00:27:38,660
bez toho aby ste museli načítanie stránky.

448
00:27:38,660 --> 00:27:42,040
Tak normálne, ak ste len pomocou PHP a databázy,

449
00:27:42,040 --> 00:27:45,480
Musíte aktualizovať stránku, ako môžete získať nové informácie zo servera.

450
00:27:45,480 --> 00:27:48,770
Ale pomocou AJAX, môžete vytiahnuť z tohto neustále nové informácie,

451
00:27:48,770 --> 00:27:52,250
alebo vytiahnuť na to, keď kliknete na tlačidlo, alebo niečo podobné.

452
00:27:52,250 --> 00:27:56,140
Tak to nám umožňuje poslať žiadosť bez prekládky stránku

453
00:27:56,140 --> 00:27:58,130
a môžeme použiť buď GET alebo POST.

454
00:27:58,130 --> 00:28:05,370
>> GET požiadaviek, napríklad ak vám Google.com in

455
00:28:05,370 --> 00:28:10,900
a to q = test. To im dotazu test.

456
00:28:10,900 --> 00:28:15,890
A to je požiadavka GET, pretože je to odovzdaním týchto parametrov do samotnej URL.

457
00:28:15,890 --> 00:28:19,250
Požiadavka POST je ako keby ste posielal poštou.

458
00:28:19,250 --> 00:28:22,500
Je to ako dať do listu a zaslať ho na ne,

459
00:28:22,500 --> 00:28:25,140
ale oni nie sú v skutočnosti vidieť obsah. Oni nie sú viditeľné v URL.

460
00:28:25,140 --> 00:28:31,040
Nemôžete priamo zadajte ho, musíte ho poslať skoro tajne.

461
00:28:31,040 --> 00:28:33,880
Je to v príspevku.

462
00:28:33,880 --> 00:28:38,660
Ale s použitím jQuery, môžete tak urobiť GET a POST požiadavky

463
00:28:38,660 --> 00:28:42,740
omnoho ľahšie, než by ste normálne mohli používať len obyčajný JavaScript.

464
00:28:42,740 --> 00:28:50,140
Otázka možno pomocou API GET požiadavky, a môžete tiež skontrolovať prihlasovacie údaje.

465
00:28:50,140 --> 00:28:54,400
Na ďalšej stránke, som vytvoril toto, ktorý sa pýta: "Čo je na obed?"

466
00:28:54,400 --> 00:28:58,230
pomocou Harvard potravín API, takže sa poďme vytiahnuť, že až.

467
00:28:58,230 --> 00:29:01,840
To je len príklad toho, ako môžete použiť jQuery robiť GET požiadavku na API

468
00:29:01,840 --> 00:29:04,200
a získať informácie späť z neho.

469
00:29:04,200 --> 00:29:07,090
Takže chceme, aby sa zobrazila ponuka pre dnešný deň,

470
00:29:07,090 --> 00:29:10,560
a my chceme vidieť, čo je na obed.

471
00:29:10,560 --> 00:29:16,500
Tu je URL vytvoriť požiadavku GET v jQuery.

472
00:29:16,500 --> 00:29:18,600
Používate $. Dostať funkciu.

473
00:29:18,600 --> 00:29:22,290
Prvý parameter je URL, takže presne to, čo ste dotazovanie.

474
00:29:22,290 --> 00:29:27,200
Potom ďalší argument je funkcia, ktorá sa spúšťa pri GET je kompletný.

475
00:29:27,200 --> 00:29:29,980
Takže si odoslať nejaký požiadavku na server, počkajte, až sa to vráti.

476
00:29:29,980 --> 00:29:33,770
Keď to príde späť, budete mať nejakú akciu s dátami, ktorá je späť zo servera.

477
00:29:33,770 --> 00:29:37,520
Poďme ďalej a kódovanie to rovnako.

478
00:29:37,520 --> 00:29:42,110
Nechcel som to kódovať buď zámerne.

479
00:29:42,110 --> 00:29:46,660
Tu je TODO. Po prvé, poďme použiť udalosti viazanie

480
00:29:46,660 --> 00:29:50,820
takže keď je toto tlačidlo stlačené, pošleme preč GET požiadavku.

481
00:29:50,820 --> 00:29:53,410
A keď sa žiadostí o priznanie s niektorými údajmi,

482
00:29:53,410 --> 00:29:57,290
budeme písať do tohto identifikačným jedlo info div.

483
00:29:57,290 --> 00:30:02,860
Po prvé, poďme vybrať jedlo tlačidlo ID.

484
00:30:02,860 --> 00:30:07,320
Keď je klepnutie, chceme, aby to niečo urobiť.

485
00:30:07,320 --> 00:30:11,930
Povedzme, aby to anonymný fuction, ako predtým.

486
00:30:11,930 --> 00:30:15,550
Môžete zabaliť tie zložené zátvorky,

487
00:30:15,550 --> 00:30:18,530
a keď je toto tlačidlo stlačené, chceme poslať GET požiadavku

488
00:30:18,530 --> 00:30:20,750
skontrolovať, čo je na obed.

489
00:30:20,750 --> 00:30:24,970
K tomu môžeme len písať v $. Dostať.

490
00:30:24,970 --> 00:30:28,850
Jedná sa o jQuery funkcie, pomocou dolára.

491
00:30:28,850 --> 00:30:31,430
To trvá niekoľko argumentov. Prvý z nich je URL,

492
00:30:31,430 --> 00:30:34,450
druhá je funkcia spätného volania, funkcia, ktorá sa nazýva

493
00:30:34,450 --> 00:30:37,740
keď taká požiadavka skutočne vráti.

494
00:30:37,740 --> 00:30:39,890
Povedzme postaviť URL ako prvý.

495
00:30:39,890 --> 00:30:44,650
Môžeme si ju z API, ktoré Dávid napísal hore.

496
00:30:44,650 --> 00:30:51,360
Chystáte sa tu môžeme vidieť, že je to food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
a potom stačí prejsť v názvoch parametrov, ktoré by ste chceli.

498
00:30:54,140 --> 00:30:57,760
Takže parameter 1 je hodnota 1.

499
00:30:57,760 --> 00:31:00,910
Vyzerá to, že štandardné dáta, dátum, predvolená hodnota je dnes

500
00:31:00,910 --> 00:31:03,110
ak nezadáte nič, a konečný dátum tiež východiskových hodnôt

501
00:31:03,910 --> 00:31:05,930
do dneška, ak nezadáte nič.

502
00:31:05,930 --> 00:31:10,790
To je to, čo chceme. Chceme len získať informácie pre dnešok.

503
00:31:10,790 --> 00:31:12,950
>> Chceme formát byť v JSON.

504
00:31:12,950 --> 00:31:15,570
To je jednoducho ľubovoľná, môžete použiť ľubovoľný formulár, ktorý chcete.

505
00:31:15,570 --> 00:31:18,950
Môžete použiť CSV, ale je JSON objekt JavaScript notácie.

506
00:31:18,950 --> 00:31:24,150
Je to veľmi jednoduché pre JavaScript, aby pochopili, čo to znamená,

507
00:31:24,150 --> 00:31:27,110
a môžeme ju vytlačiť ľahšie týmto spôsobom.

508
00:31:27,110 --> 00:31:30,490
Takže poďme sa o to požiadajú vo formáte JSON, a poďme žiadosť obed.

509
00:31:30,490 --> 00:31:37,660
Takže jedlo = obed. Len spísať túto adresu URL, ideme späť.

510
00:31:37,660 --> 00:31:41,290
K dispozícii je menu. Prvý parameter je výstup = JSON

511
00:31:41,290 --> 00:31:44,640
pretože to je to, čo chceme, a oddeľte parametre sa slovami "a".

512
00:31:44,640 --> 00:31:48,940
Druhý parameter je - Nespomínam si.

513
00:31:48,940 --> 00:31:52,170
Meal. A chceme jedlo = obed.

514
00:31:52,170 --> 00:31:57,390
Taktiež si môžete vyskúšať zadaním URL do prehliadača a ísť na to.

515
00:31:57,390 --> 00:32:03,120
To vám dá nejaký výstup. Je to len banda vecí, ktoré je k obedu.

516
00:32:03,120 --> 00:32:10,410
Je to v tejto škaredé formáte. Chceme vytlačiť na našej stránke v lepšom formáte.

517
00:32:10,410 --> 00:32:12,580
Takže URL je správne, teraz stačí napísať funkciu

518
00:32:12,580 --> 00:32:18,300
zavolať späť, keď je žiadosť úspešná.

519
00:32:18,300 --> 00:32:20,430
Táto funkcia bude skutočne prijať argument. Bude údaje.

520
00:32:20,430 --> 00:32:25,650
Dát je to, čo sa vráti z GET po GET je hotovo.

521
00:32:25,650 --> 00:32:28,860
Môžeme robiť zložené zátvorky, v tú píšeme anonymné funkcie

522
00:32:28,860 --> 00:32:33,900
že vykonáva pomocou týchto dát, keď dostaneme informácie späť.

523
00:32:33,900 --> 00:32:37,840
Takže údaje, keď sme zadali túto adresu URL,

524
00:32:37,840 --> 00:32:41,540
to je to, čo sa deje údaje vyzerať. Bude to byť tak obrovský reťazec.

525
00:32:41,540 --> 00:32:48,610
Ale dobrá vec je, že JavaScript je analyzovať pomocou JSON.parse funkcie.

526
00:32:48,610 --> 00:32:54,950
Takže poďme vytvoriť novú premennú s názvom rozobrať údaje.

527
00:32:54,950 --> 00:32:57,060
A rozobrať dát je pole objektov.

528
00:32:57,060 --> 00:33:04,200
Každý objekt obsahuje informácie ako - no, poďme sa pozrieť.

529
00:33:04,200 --> 00:33:08,980
To má dátum, jedlo, kategóriu, recept, všetko to ďalšie veci.

530
00:33:08,980 --> 00:33:10,860
Takže povedzme vytlačiť názov pre každú z nich.

531
00:33:10,860 --> 00:33:13,790
Poďme iterovat cez celý rad vecí, ktoré sa vrátime z nej,

532
00:33:13,790 --> 00:33:17,570
a len vytlačiť každú z nich - vytlačiť názov každého z nich.

533
00:33:17,570 --> 00:33:22,670
Toto je pre slučku.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript musí tejto užitočné syntax, kde si môžete vytvoriť premenné a slučky cez polia,

535
00:33:26,030 --> 00:33:30,150
a var i len iterátor, takže namiesto toho, aby museli robiť var i = 0,

536
00:33:30,150 --> 00:33:40,290
som bol menší ako dĺžka, i + +, môžete jednoducho var aj v analyzovaných dát.

537
00:33:40,290 --> 00:33:47,060
V tomto príklade bude analyzované dáta (i) zodpovedá aktuálnej prvok

538
00:33:47,060 --> 00:33:49,850
z poľa, skutočný objekt.

539
00:33:49,850 --> 00:33:51,720
A chceme, aby sa meno z nej.

540
00:33:51,720 --> 00:33:54,170
Takže poďme jednoducho meno.

541
00:33:54,170 --> 00:33:57,000
A posledná vec je, že budeme mať nejaký jQuery znova.

542
00:33:57,000 --> 00:34:02,660
Vlastne pridať ho do div, to jedlo info div, že je v súčasnej dobe prázdny.

543
00:34:02,660 --> 00:34:05,430
Takže poďme vybrať to.

544
00:34:05,430 --> 00:34:13,870
Budeme používať jQuery a vyberte jedlo info div id, alebo sa najesť informácie ID, ospravedlňujem sa.

545
00:34:13,870 --> 00:34:16,580
Chceme k tomu pripojiť.

546
00:34:16,580 --> 00:34:21,030
Ak sme urobili skúšku, napríklad, by to len prepísať to zakaždým.

547
00:34:21,030 --> 00:34:29,190
Takže sme si len doplniť to.

548
00:34:29,190 --> 00:34:31,889
Aktuálne prvok v poli, dostaneme meno z toho,

549
00:34:31,889 --> 00:34:38,159
a budeme pripojiť ju ku koncu číslo jedla info div.

550
00:34:38,159 --> 00:34:40,120
A potom už len, aby to vyzeralo čistejšie,

551
00:34:40,120 --> 00:34:51,550
budeme tiež pridať zalomenie riadku, takže to nie je všetko na jednom riadku.

552
00:34:51,550 --> 00:34:55,280
Takže ak všetko pôjde dobre, že by to bolo dobré -

553
00:34:55,280 --> 00:34:57,220
Po prvé, pri každom kliknutí na toto tlačidlo,

554
00:34:57,220 --> 00:35:00,070
to bude odoslať požiadavku GET na túto adresu URL.

555
00:35:00,070 --> 00:35:02,500
Ak dáta vráti z nej, bude to rozoberie ho,

556
00:35:02,500 --> 00:35:06,950
otočte ho do formátu JSON, slučky celé pole predstavuje, že údaje,

557
00:35:06,950 --> 00:35:10,310
a pripojiť názov a zalomenie riadku

558
00:35:10,310 --> 00:35:16,500
na každom riadku v tomto ID jedla info, ktorá bola predtým prázdne.

559
00:35:16,500 --> 00:35:18,910
Takže návrat k tejto stránke, budeme aktualizovať,

560
00:35:18,910 --> 00:35:23,690
kliknite na tlačidlo, zistiť - to nefunguje. To je nešťastné.

561
00:35:23,690 --> 00:35:25,830
A to je miesto, kde ladenie vypovedaciu

562
00:35:25,830 --> 00:35:30,070
Index.html, riadok 1.

563
00:35:30,070 --> 00:35:57,210
To je zaujímavé.

564
00:35:57,210 --> 00:35:59,720
Dobre, dobre, skôr než tráviť čas robiť to, ja som jednoducho ísť

565
00:35:59,720 --> 00:36:07,070
vytiahnuť vykonanú súbor, ktorý mám, ktorý je dokončený verzii.

566
00:36:07,070 --> 00:36:13,710
Nie som si istý, aký je rozdiel, ale môžeme len otvoriť toto hore miesto.

567
00:36:13,710 --> 00:36:19,740
A ideme na AJAX, a to by malo fungovať správne.

568
00:36:19,740 --> 00:36:21,730
To je to, čo bolo dnes na obed,

569
00:36:21,730 --> 00:36:24,870
v žiadnom konkrétnom poradí, s citáciami okolo nej, takže to nie je najkrajší.

570
00:36:24,870 --> 00:36:27,090
Ale, samozrejme, ak ste to robili pre konečný projekt,

571
00:36:27,090 --> 00:36:30,120
by ste, aby to vyzeralo lepšie.

572
00:36:30,120 --> 00:36:32,530
Ale to je len jednoduchý príklad, ako to urobiť GET požiadavku.

573
00:36:32,530 --> 00:36:34,580
A ak sa pozrieme na skutočný kód hádam, som si istý,

574
00:36:34,580 --> 00:36:39,690
je to stále skoro rovnaké.

575
00:36:39,690 --> 00:37:04,990
Zabudol som ho previesť na reťazec, to je ono.

576
00:37:04,990 --> 00:37:07,920
Nie, je to stále nefunguje. Bez ohľadu na to, tu je skutočné vyplnenie kódu

577
00:37:07,920 --> 00:37:10,300
za to, čo by to malo vyzerať,

578
00:37:10,300 --> 00:37:16,400
a to robí to isté ako to, čo som práve zaviedol.

579
00:37:16,400 --> 00:37:22,760
Keď kliknete na tlačidlo, používa GET JSON automaticky analyzovať dáta.

580
00:37:22,760 --> 00:37:29,190
Trvá dáta späť z neho a prechádza celým radom

581
00:37:29,190 --> 00:37:32,770
a vytlačí sa - bez ohľadu na to dnes na obed, meno toho,

582
00:37:32,770 --> 00:37:38,020
a pripojí zalomenie riadku na konci každého riadku.

583
00:37:38,020 --> 00:37:41,100
To je, ako použiť funkciu GET.

584
00:37:41,100 --> 00:37:44,040
>> Môžete tiež použiť POST, ktoré som nemal čas

585
00:37:44,040 --> 00:37:47,940
spísať príklad, ale môžeme pozrieť na dokumentáciu.

586
00:37:47,940 --> 00:37:53,220
Keď sa pozriete na jquery.post,

587
00:37:53,220 --> 00:37:55,510
môžete vidieť, že je to skoro to isté.

588
00:37:55,510 --> 00:38:01,650
Máte URL, ale namiesto odovzdávanie parametrov pomocou -

589
00:38:01,650 --> 00:38:03,990
len ich uvádzanie do reťazca pre samotné URL,

590
00:38:03,990 --> 00:38:06,300
musíte prejsť v tejto premennej dáta

591
00:38:06,300 --> 00:38:11,990
, Ktorý je v podstate poľa, slovník, ktorý mapuje parametre na hodnoty.

592
00:38:11,990 --> 00:38:17,690
Miniete, že, a že pošle im pomocou POST.

593
00:38:17,690 --> 00:38:20,790
A až budete mať, potom môžete mať úspech funkciu

594
00:38:20,790 --> 00:38:23,930
ktorý vykonáva keď dáta vráti.

595
00:38:23,930 --> 00:38:26,430
Inak je to presne to isté. Takže pomocou POST

596
00:38:26,430 --> 00:38:29,970
budete chcieť použiť POST, napríklad ak máte vstupný formulár

597
00:38:29,970 --> 00:38:35,780
dať ľuďom vstupné heslá do neho, a poslať tie heslá vypnúť

598
00:38:35,780 --> 00:38:41,850
k back-end skriptu pre kontrolu v databáze, či užívateľ je platný, alebo nie.

599
00:38:41,850 --> 00:38:46,700
Môžete to urobiť všetko pomocou jQuery miesto museli obnovovať stránku vôbec.

600
00:38:46,700 --> 00:38:52,160
To je, ako som implementoval v blogu, ktorý som vám ukázal skôr.

601
00:38:52,160 --> 00:38:59,530
Ak pôjdeme do koncovej portálu odhlásiť odhlásiť sa

602
00:38:59,530 --> 00:39:02,600
Odhlásiť nefunguje.

603
00:39:02,600 --> 00:39:13,360
No, dovoľte mi, aby som ho otvorte v novom okne.

604
00:39:13,360 --> 00:39:16,580
Tu je heslo, a chcel som písať v niečom náhodné.

605
00:39:16,580 --> 00:39:18,590
To nefunguje, ale môžete vidieť, že sme nemali

606
00:39:18,590 --> 00:39:20,840
skutočne obnoviť stránku vôbec.

607
00:39:20,840 --> 00:39:24,610
Kód, ak chcete, aby sa na to pozrieť,

608
00:39:24,610 --> 00:39:37,460
všetko je k dispozícii tu.

609
00:39:37,460 --> 00:39:45,680
Takže kódu som napísal vlani niekedy.

610
00:39:45,680 --> 00:39:47,790
Ako môžete vidieť tu, budeme odoslanie POST požiadavke.

611
00:39:47,790 --> 00:39:50,400
Mám súbor s názvom login.php na zadnom konci

612
00:39:50,400 --> 00:39:53,860
ktorý skontroluje, či je heslo platné.

613
00:39:53,860 --> 00:39:56,000
Parametre míňame v sú heslá, mapované na

614
00:39:56,000 --> 00:40:00,030
vstup, ktorý je v tomto vstupnom poli v súčasnej dobe.

615
00:40:00,030 --> 00:40:04,110
A keď sa dáta vráti, môžeme skontrolovať.

616
00:40:04,110 --> 00:40:07,680
Ak sú údaje nepravdivé, potom hovoríme, nesprávne heslo, posuňte ho nadol,

617
00:40:07,680 --> 00:40:09,580
a len aby to zmizne po tom.

618
00:40:09,580 --> 00:40:12,320
V opačnom prípade si načítať stránku Admin.

619
00:40:12,320 --> 00:40:15,080
A to všetko bolo vykonané pomocou JSON.

620
00:40:15,080 --> 00:40:18,510
V tomto mnohých riadkov kódu, stačí odovzdať dáta na zadnom konci,

621
00:40:18,510 --> 00:40:21,020
skontrolovať, či je to správne, skontrolujte, či ste prihlásení správne,

622
00:40:21,020 --> 00:40:24,200
a dokonca na neho reagovať, presmerovanie osobu na správnu stránku

623
00:40:24,200 --> 00:40:29,760
alebo nie nechať ich sa prihlásiť a hovoriť im, že majú nesprávne heslo.

624
00:40:29,760 --> 00:40:33,040
Tak to je príklad toho, ako by ste mohli použiť jQuery POST

625
00:40:33,040 --> 00:40:37,010
poslať požiadavku POST do back-end,

626
00:40:37,010 --> 00:40:42,400
overenie, či niekto prihlásený správne.

627
00:40:42,400 --> 00:40:44,820
>> Dobre, takže to všetky príklady som mal, a všetky veci som chcel pokryť.

628
00:40:44,820 --> 00:40:47,110
To sú hlavné veci, ktoré jQuery umožňuje robiť:

629
00:40:47,110 --> 00:40:52,640
vyberte prvky, upravovať ich pomocou DOM manipulácie,

630
00:40:52,640 --> 00:40:56,340
môžete pridať efekty, aktivujte veci na určité udalosti,

631
00:40:56,340 --> 00:41:00,430
a tiež robiť AJAX požiadavky veľmi hladko a ľahko.

632
00:41:00,430 --> 00:41:02,840
Takže ďakujem za účasť alebo sledovanie,

633
00:41:02,840 --> 00:41:06,230
a ak budete mať nejaké otázky, dajte mi vedieť. Jo?

634
00:41:06,230 --> 00:41:12,730
[Študent] Vtedy, keď si sa objavil, museli ste JSON po požiadavke POST v úvodzovkách,

635
00:41:12,730 --> 00:41:15,170
a ja som len premýšľal, čo to urobil.

636
00:41:15,170 --> 00:41:20,070
>> Jo, vidím. Otázkou bolo, že v tomto príklade som ukázal,

637
00:41:20,070 --> 00:41:25,790
tam bolo slovo JSON v úvodzovkách okolo -

638
00:41:25,790 --> 00:41:31,690
Budem znovu vyberte mierku - okolo POST funkcie.

639
00:41:31,690 --> 00:41:43,320
Ja som len ťahom to ukázať.

640
00:41:43,320 --> 00:41:46,890
Tak tu to je požiadavka POST, a tam je to JSON v úvodzovkách.

641
00:41:46,890 --> 00:41:50,280
To len definuje, čo čakáme bol výstup.

642
00:41:50,280 --> 00:41:54,070
Takže keď sme sa prejsť do formátu JSON a očakávaný dátový typ,

643
00:41:54,070 --> 00:41:56,070
nie je to podmienkou, ale opomenieme ak ju,

644
00:41:56,070 --> 00:41:58,590
potom sa dáta budú automaticky analyzovať ako JSON.

645
00:41:58,590 --> 00:42:00,600
Takže nemáme volať parsovanie JSON funkciu na to,

646
00:42:00,600 --> 00:42:02,620
to bude len tak automaticky.

647
00:42:02,620 --> 00:42:05,150
A ak sa pozriete na dokumentáciu POST,

648
00:42:05,150 --> 00:42:09,850
je to dátový typ premennej, typ očakávaných dát z servera.

649
00:42:09,850 --> 00:42:12,660
Implicitne je to inteligentný odhadu, že môže byť zle,

650
00:42:12,660 --> 00:42:15,520
takže si môžete nechať prázdne, ale je to len typ dát

651
00:42:15,520 --> 00:42:21,680
v kódovaní, ktoré používate, či už je to JSON alebo XML alebo niečo iné.

652
00:42:21,680 --> 00:42:25,280
>> Nejaké ďalšie otázky?

653
00:42:25,280 --> 00:42:27,300
Dobrá. Ak máte akékoľvek ďalšie otázky, neváhajte a napíšte mi

654
00:42:27,300 --> 00:42:30,830
na vshekhawat@college.harvard.edu,

655
00:42:30,830 --> 00:42:34,860
a diapozitívy a kód by mal byť k dispozícii on-line čoskoro.

656
00:42:34,860 --> 00:42:42,810
Veľa šťastia s vaším záverečných prác, dúfam, že budete používať jQuery.

657
00:42:42,810 --> 00:42:46,810
[CS50.TV]