1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [Seminar: 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
Če ste po skupaj doma, lahko dejansko dostop do mojih diapozitivov na spletu

5
00:00:10,640 --> 00:00:13,310
da greste na tej povezavi.

6
00:00:13,310 --> 00:00:18,650
To je TjjRWj na bit.ly.

7
00:00:18,650 --> 00:00:20,700
Lahko tudi samo pojdite na URL neposredno,

8
00:00:20,700 --> 00:00:27,300
ki je cloud.cs50.net / ~ vshekhawat, ki je moje ime,

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

10
00:00:32,409 --> 00:00:34,920
Toplo priporočamo, da sledite skupaj, če ste gledal doma,

11
00:00:34,920 --> 00:00:40,650
in če ste tukaj, tudi zato, ker je to zelo interaktivna predstavitev.

12
00:00:40,650 --> 00:00:43,160
>> Torej, danes bom govoril o jQuery, in prvo vprašanje je,

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

14
00:00:45,300 --> 00:00:47,090
Letos vem, fantje niso zajeti JavaScript

15
00:00:47,090 --> 00:00:51,080
v čim več podrobnosti, kot smo jih v preteklih letih.

16
00:00:51,080 --> 00:00:53,150
JavaScript je najprej samo client-side jezik

17
00:00:53,150 --> 00:00:58,390
ki ga uporabljate za zagon skripte in kode za vsakega uporabnika stroja.

18
00:00:58,390 --> 00:01:00,660
Torej imate strežnik, ki omogoča spletne strani za ljudi,

19
00:01:00,660 --> 00:01:02,600
vendar boste morda želeli narediti stvari na svojem računalniku,

20
00:01:02,600 --> 00:01:08,060
zaprosijo za njihovo stroj za pošiljanje zahtev na strežnik vsakih 30 sekund ali kaj podobnega.

21
00:01:08,060 --> 00:01:10,420
To lahko storite, da z uporabo JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery samo ponuja več funkcionalnosti na vrhu JavaScript

23
00:01:13,190 --> 00:01:15,680
da ne ekstra stvari za vas.

24
00:01:15,680 --> 00:01:17,710
Če pogledamo vsebino na vrhu,

25
00:01:17,710 --> 00:01:21,410
, ki opisuje nekatere od stvari, ki ste sposobni narediti.

26
00:01:21,410 --> 00:01:23,500
Torej na splošno, je bilo ustanovljeno januarja 2006.

27
00:01:23,500 --> 00:01:26,560
To je bil prvi zamislil v avgustu 2005.

28
00:01:26,560 --> 00:01:31,370
To je bilo približno za nekaj let, in to je res del novega Web 2.0 gibanja

29
00:01:31,370 --> 00:01:34,330
, ki je postavil na internet, tako sijoča.

30
00:01:34,330 --> 00:01:37,630
To je najbolj pogosto uporablja JavaScript knjižnico.

31
00:01:37,630 --> 00:01:41,450
Več kot 19,6 milijona spletnih straneh, so jo uporabljajo, in uporaba se še povečuje

32
00:01:41,450 --> 00:01:45,640
po builtwith.com, ki je očitno v zadnjem letu,

33
00:01:45,640 --> 00:01:49,710
je bilo že ves čas narašča precej linearno.

34
00:01:49,710 --> 00:01:52,870
Med top 10 milijonov spletnih strani, tam je še vedno -

35
00:01:52,870 --> 00:01:55,180
okrog 40% jih trenutno uporabljate.

36
00:01:55,180 --> 00:01:58,540
Facebook jo uporablja, veliko drugih spletnih strani, ki trenutno uporabljajo.

37
00:01:58,540 --> 00:02:01,540
Si lahko ogledate na teh statistik na svoje, če želite.

38
00:02:01,540 --> 00:02:05,820
In lahko vam povem, da je zakonit, saj ima temelje in 13 članov upravnega odbora,

39
00:02:05,820 --> 00:02:11,910
skupaj z ekipo 20 ljudi, ki delajo na njem redno.

40
00:02:11,910 --> 00:02:16,110
Torej, to je zelo pogosto uporablja, da ima ORG. URL, to je domišljija,

41
00:02:16,110 --> 00:02:21,660
to je spin-off za druge stvari, tako da je velika stvar.

42
00:02:21,660 --> 00:02:24,510
>> Zakaj bi ga morali uporabiti? JQuery je zelo lahek.

43
00:02:24,510 --> 00:02:27,270
To pomeni, da ni veliko datoteko. Lahko prenesete

44
00:02:27,270 --> 00:02:31,540
the minified datoteka, ki je brez vseh praznega prostora in komentarje, in to je samo 32 kB.

45
00:02:31,540 --> 00:02:33,600
Tako da je težko, da samo kretnjo na vaši spletni strani

46
00:02:33,600 --> 00:02:35,910
in samo, da začnete uporabljati.

47
00:02:35,910 --> 00:02:39,630
To je tudi zelo učinkovito napisano, tako da ne zavzemajo veliko -

48
00:02:39,630 --> 00:02:42,550
to ne bo upočasnilo vaše spletne strani veliko, če ga uporabljate.

49
00:02:42,550 --> 00:02:45,770
To vam omogoča, da izvaja stvari, ki so bile prej neizvedljive.

50
00:02:45,770 --> 00:02:47,790
Obstajajo nekatere vidike funkcionalnosti,

51
00:02:47,790 --> 00:02:51,780
kot so ustvarjanje animacije, ki bi se običajno zelo, zelo težko storiti.

52
00:02:51,780 --> 00:02:54,300
Toda v jQuery oni so pravzaprav zelo preprost.

53
00:02:54,300 --> 00:02:57,040
In obstaja nekaj stvari, ki so nadležno storiti,

54
00:02:57,040 --> 00:02:59,610
mogoče v JavaScriptu, kot so pošiljanje zahtevo POST,

55
00:02:59,610 --> 00:03:02,190
ampak poslati zahtevo strežniku, morate napisati

56
00:03:02,190 --> 00:03:04,320
Pet ali šest ali sedem vrstic kode.

57
00:03:04,320 --> 00:03:07,200
Zdaj lahko samo to storite v eni vrstici kode, v enem klicu funkcije.

58
00:03:07,200 --> 00:03:11,790
To je res poenostavlja veliko stvari, ki jih počnete.

59
00:03:11,790 --> 00:03:15,950
In vse cool otroci ga uporabljate. S tem, mislim jaz.

60
00:03:15,950 --> 00:03:19,270
V mojem zadnjem projektu v lanskem letu, ki je news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
kar je za radijsko postajo, sem ustvaril ta blog

62
00:03:22,530 --> 00:03:29,750
ki gosti vse kaže, da smo storili in MP3 datoteke za njih.

63
00:03:29,750 --> 00:03:32,070
Lahko brskate po preteklih razstavah,

64
00:03:32,070 --> 00:03:34,130
in to je vse narejeno z jQuery. Lahko povem,

65
00:03:34,130 --> 00:03:37,340
Zaradi vseh teh animacije bistvu.

66
00:03:37,340 --> 00:03:42,360
Torej, če imate - če želite ustvariti novo delovno mesto,

67
00:03:42,360 --> 00:03:45,980
vidiš te male slideDowns, ki je vse narejeno z jQuery.

68
00:03:45,980 --> 00:03:49,140
In to fade - tako, da vrsta stvari je vse narejeno z uporabo jQuery,

69
00:03:49,140 --> 00:03:52,720
in vam ni treba nenehno osvežite stran za navigacijo mesto.

70
00:03:52,720 --> 00:03:57,220
Še ena kul stvar, ki je izdelano z uporabo jQuery je to predstavitev.

71
00:03:57,220 --> 00:03:59,700
Jaz sem z uporabo tega odprtokodne stvar, imenovano scrolldeck,

72
00:03:59,700 --> 00:04:03,250
kar je nekdo napisal na vrhu jQuery.

73
00:04:03,250 --> 00:04:04,870
Če ste dejansko pogled na viru, lahko vidite, da

74
00:04:04,870 --> 00:04:07,830
oni uporabljate to znak za dolar, dolar znakov

75
00:04:07,830 --> 00:04:12,110
se uporabljajo v jQuery ki nakazuje, da je funkcija jQuery funkcija.

76
00:04:12,110 --> 00:04:15,020
Torej, oni opredelitev ovoj na vrhu jQuery

77
00:04:15,020 --> 00:04:18,570
, ki vam omogoča, da predstavitev, kot je ta,

78
00:04:18,570 --> 00:04:21,200
in lahko vidite, da tu oni tudi izvirno jQuery datoteko

79
00:04:21,200 --> 00:04:24,120
, ki je tisto, kar boste morali tudi, če želite uporabiti jQuery

80
00:04:24,120 --> 00:04:30,450
v svoje spletne strani.

81
00:04:30,450 --> 00:04:32,790
>> Ob dotiku na to, kako ga namestiti?

82
00:04:32,790 --> 00:04:36,150
Lahko greš na jQuery.com in prenos datoteke,

83
00:04:36,150 --> 00:04:38,320
ga dodate na spletnem imeniku in jo vključiti.

84
00:04:38,320 --> 00:04:42,200
Torej, samo na vrhu, v glavi tag datoteko HTML

85
00:04:42,200 --> 00:04:45,400
vaše glavne datoteke HTML, samo še to vrstico kode

86
00:04:45,400 --> 00:04:49,490
s pravilno različico, za katero različico jQuery, ki jo uporabljate.

87
00:04:49,490 --> 00:04:51,340
Lahko ga prenesete, da greste na jQuery.com,

88
00:04:51,340 --> 00:04:55,130
Kliknite "Prenesi jQuery," in ste jo dobili. To je to.

89
00:04:55,130 --> 00:04:58,880
In dejansko, da bomo lahko ogledate, kako izgleda.

90
00:04:58,880 --> 00:05:01,080
Če kliknete na prenesete tukaj, jQuery je to.

91
00:05:01,080 --> 00:05:05,260
To je samo ena velika datoteka Javascript, da ne vse čarobne stvari za vas.

92
00:05:05,260 --> 00:05:09,270
To je minified različica, ki ni berljivo sploh.

93
00:05:09,270 --> 00:05:13,180
Si lahko ogledate tudi v različici za razvoj, ki je berljiva

94
00:05:13,180 --> 00:05:15,370
vendar še vedno zelo, zelo dolgotrajen.

95
00:05:15,370 --> 00:05:17,980
To je veliko stvari notri.

96
00:05:17,980 --> 00:05:20,240
Lahko tudi povezava na Googlov gosti različici tega.

97
00:05:20,240 --> 00:05:23,820
Tako da boste vam omogočajo, da opirati le na Googlu, da ji.

98
00:05:23,820 --> 00:05:29,310
Nudijo vse različice njej, ves čas na razpolago.

99
00:05:29,310 --> 00:05:31,530
Torej, si verjetno lahko zanesejo na Googlu za gostiteljico za vas.

100
00:05:31,530 --> 00:05:33,270
Ali lahko povezavo na lastno najnovejšo različico jQuery je.

101
00:05:33,270 --> 00:05:36,400
Imajo URL, ki je vedno posodobljen na najnovejšo različico.

102
00:05:36,400 --> 00:05:40,850
To je jQuery zadnje, in tam je en problem s tem,

103
00:05:40,850 --> 00:05:44,350
, ki je, če je posodobitev jQuery in nekatere prejšnje funkcionalnosti

104
00:05:44,350 --> 00:05:47,250
ki so jih postane retrograded ali opuščena,

105
00:05:47,250 --> 00:05:49,620
pa tudi ne - to lahko začne, da se ne podpira več.

106
00:05:49,620 --> 00:05:52,940
Torej, če napišete spletno stran z uporabo različice 1.8.2,

107
00:05:52,940 --> 00:05:55,000
s časom različici 2.7 pride ven

108
00:05:55,000 --> 00:05:57,000
nekatere funkcije, ki ste jih napisali, ne deluje več.

109
00:05:57,000 --> 00:05:59,930
Zato je bolje, da samo prenos 32 kB datoteko

110
00:05:59,930 --> 00:06:04,100
Povedano na vaši spletni strani, in da bo delovalo večno.

111
00:06:04,100 --> 00:06:07,450
>> Jaz grem naprej in začeli govoriti o dejanski funkcionalnosti jQuery.

112
00:06:07,450 --> 00:06:13,090
Prva stvar je, selektorji. To je tisto, kar je bil prvotno zasnovan jQuery zagotoviti.

113
00:06:13,090 --> 00:06:15,500
In lahko kliknete na dokumentaciji, na pogled

114
00:06:15,500 --> 00:06:18,690
podrobna dokumentacija za selektorji bom krili.

115
00:06:18,690 --> 00:06:24,120
Ideja selektorjev je, da lahko izberete HTML elementov na stran.

116
00:06:24,120 --> 00:06:28,790
Elementi na strani imajo ID in razredov ter druge vidike, ki opredeljujejo do njih.

117
00:06:28,790 --> 00:06:30,500
Tam je tudi - oni so v različnih naročil.

118
00:06:30,500 --> 00:06:32,570
Nekaj ​​časa oni ugnezdeni znotraj drug drugega.

119
00:06:32,570 --> 00:06:38,120
JQuery vam omogoča, da graditi preprosta vprašanja, da pridobite elemente strani.

120
00:06:38,120 --> 00:06:41,890
Potem boste lahko manipulirati teh elementov s pomočjo jQuery funkcije,

121
00:06:41,890 --> 00:06:43,990
ki je del manipulation bomo prišli kasneje.

122
00:06:43,990 --> 00:06:46,040
Lahko spremenite HTML, CSS, spremenite

123
00:06:46,040 --> 00:06:50,500
lahko pa tudi animirati in dodajte funkcije, ki aktivirajo na določene dogodke.

124
00:06:50,500 --> 00:06:52,710
Tako, na primer, če je kaj kliknil, hočeš da se kaj zgodi,

125
00:06:52,710 --> 00:06:55,210
lahko storite, da z uporabo jQuery, kot dobro.

126
00:06:55,210 --> 00:06:57,380
In obstaja veliko več načinov, da izberete elemente.

127
00:06:57,380 --> 00:07:00,310
Večina od njih še nikoli nisem delal, vendar so osnovne dejavnosti,

128
00:07:00,310 --> 00:07:02,340
ki so zelo pomembni.

129
00:07:02,340 --> 00:07:05,750
Selektor element, na primer, če ste šele izbiro ničesar

130
00:07:05,750 --> 00:07:10,640
da je div - pravzaprav imam kodo odprt za to predstavitev slide.

131
00:07:10,640 --> 00:07:13,450
Tako, na primer, tukaj je prvi diapozitiv.

132
00:07:13,450 --> 00:07:17,430
Tukaj imamo div. Če smo dejansko izbrati vse divs na strani

133
00:07:17,430 --> 00:07:22,300
da bom samo, da nam celo paleto vseh divs, ki obstajajo v tej datoteki.

134
00:07:22,300 --> 00:07:27,040
Selektor ID vam omogoča, da izberete kaj z dano ID.

135
00:07:27,040 --> 00:07:32,230
Torej, če je to, na primer, je to stvar, ki ima ID »kaj«

136
00:07:32,230 --> 00:07:37,160
in če bomo to naredili s # kaj namesto neke ID,

137
00:07:37,160 --> 00:07:42,920
da bi le vrne niz, ki ima en sam element, in da je ta element strani.

138
00:07:42,920 --> 00:07:45,490
Mi lahko kombinirate tudi selektorji na ta način, ki ga ima

139
00:07:45,490 --> 00:07:48,260
izberete samo stvari, s-jev, ki so divs.

140
00:07:48,260 --> 00:07:51,810
Torej, ja. Izberite le divs, da se bodo ta ID.

141
00:07:51,810 --> 00:07:55,260
Za razredu si uporabite piko, to je ista stvar kot CSS.

142
00:07:55,260 --> 00:07:57,500
Potomec deluje tudi, tako da, če imate nekaj razred

143
00:07:57,500 --> 00:08:00,170
in se je ugnezdila elemente v njej - tako, na primer,

144
00:08:00,170 --> 00:08:03,260
obstaja nekaj razreda in ima sidro oznako za povezavo na drugo stran,

145
00:08:03,260 --> 00:08:08,510
lahko uporabite to sintakso za pridobivanje povezavo.

146
00:08:08,510 --> 00:08:12,420
Izberete lahko tudi več stvari hkrati, samo jih ločite z vejicami,

147
00:08:12,420 --> 00:08:17,360
uporabljajte gumb, ki ga želite, in vam bo izbrati vse naenkrat, v enem polju.

148
00:08:17,360 --> 00:08:19,650
In potem je tukaj tudi ni selektor, tako da si lahko izberete vse divs

149
00:08:19,650 --> 00:08:24,210
da nimajo neke posebne razred.

150
00:08:24,210 --> 00:08:28,790
In to je samo koristen način, da bi dobili uvod, kako deluje ta izbor.

151
00:08:28,790 --> 00:08:32,270
Jaz bom pokazal nekaj konkretnih primerov na sekundo.

152
00:08:32,270 --> 00:08:35,480
>> Napredno selektorji, ki so - to je le nekaj primerov.

153
00:08:35,480 --> 00:08:38,840
Obstaja ducate njih, če pa želite izbrati vse slikovne tags

154
00:08:38,840 --> 00:08:42,799
znotraj nekega elementa, potem si naredil: podobe.

155
00:08:42,799 --> 00:08:45,340
Če želimo izbrati tudi elemente, na primer, če je 20 od njih

156
00:08:45,340 --> 00:08:48,290
boste izbrali 0, 2, 4, 6 in tako naprej,

157
00:08:48,290 --> 00:08:51,630
ti: tudi, ali lahko storite tudi: čudno.

158
00:08:51,630 --> 00:08:55,470
To so psevdo selektor, kar pomeni, da so dejansko izračunati

159
00:08:55,470 --> 00:09:00,960
vsak drugi element, ne samo tekoč in izbiro vse od njih.

160
00:09:00,960 --> 00:09:05,510
Prav tako lahko - vsak element ima lahko tudi posebne lastnosti.

161
00:09:05,510 --> 00:09:10,580
Tako, na primer, razred = sredina je tudi lastnost.

162
00:09:10,580 --> 00:09:16,500
Za to sidro tag, href, hipertekst sklic, je tudi atribut.

163
00:09:16,500 --> 00:09:21,150
Tako da lahko izberete nekaj, ki se povezuje z določeno stran ali pa samo - to je res splošen.

164
00:09:21,150 --> 00:09:25,410
Izberete lahko karkoli s katero koli lastnost, ki jo želite.

165
00:09:25,410 --> 00:09:27,470
In nato tudi atribut vsebuje.

166
00:09:27,470 --> 00:09:30,420
Če, na primer, je želel, da izberete vse vhodne elementi

167
00:09:30,420 --> 00:09:32,700
da imajo besedo "pass" kot ime njih,

168
00:09:32,700 --> 00:09:37,560
če stran ima blok besedila vhodni

169
00:09:37,560 --> 00:09:41,050
, ki se imenuje "password", da bi bil eden od načinov, da lahko izberete, da.

170
00:09:41,050 --> 00:09:43,020
In obstaja veliko več. Lahko gredo naprej in poglejte v dokumentacijo

171
00:09:43,020 --> 00:09:46,950
in glej konkretne primere, kako to deluje.

172
00:09:46,950 --> 00:09:48,840
>> Naslednja stvar je, DOM manipulacija.

173
00:09:48,840 --> 00:09:52,500
Potem ko smo izbrati elemente, bomo želeli, da dejansko ne stvari z njimi.

174
00:09:52,500 --> 00:09:55,500
Do sedaj še nismo pogledal, da na vse, vendar če pogledaš na dokumentaciji,

175
00:09:55,500 --> 00:09:57,950
pa je res veliko, da bi lahko storili.

176
00:09:57,950 --> 00:10:02,900
Na tej točki se bomo, da izberete elemente na tej predstavitvi

177
00:10:02,900 --> 00:10:04,890
in manipulirati z njihovo uporabo jQuery.

178
00:10:04,890 --> 00:10:08,290
Ker se to izvaja z uporabo jQuery, imamo dostop do jQuery knjižnico,

179
00:10:08,290 --> 00:10:13,580
in ne moremo uporabiti te funkcije v okviru te oznake.

180
00:10:13,580 --> 00:10:16,200
Ena uporabna stvar, ki morda ne poznajo, je konzola.

181
00:10:16,200 --> 00:10:19,340
In Google Chrome je tisto, kar sem uporabo. Lahko pritisnete alt ukaz J

182
00:10:19,340 --> 00:10:21,720
ali alt kontrola J, da odprete konzolo.

183
00:10:21,720 --> 00:10:26,130
V Firefoxu Mislim, da je ukaz shift K ali nadzorni shift K.

184
00:10:26,130 --> 00:10:28,880
V Safari moraš iti spremeniti nekatere nastavitve.

185
00:10:28,880 --> 00:10:35,460
Tukaj je link, če želite, da to storite, vendar vam priporočam pridobivanje Chrome ali Firefox.

186
00:10:35,460 --> 00:10:37,750
Torej, kaj je odpreti konzolo, da je tukaj dol.

187
00:10:37,750 --> 00:10:41,170
To vam omogoča, da v bistvu samo to, kar hočeš.

188
00:10:41,170 --> 00:10:45,100
Tako da lahko samo vpišite ustvariti spremenljivko z imenom x,

189
00:10:45,100 --> 00:10:49,200
x = 5, da vidimo, kaj x + 2, je.

190
00:10:49,200 --> 00:10:57,670
Lahko tudi kaj takega CS + Poglejmo, x + 45, ki bo CS50.

191
00:10:57,670 --> 00:11:00,530
Lahko samo še nekaj tipičnih stvari JavaScript.

192
00:11:00,530 --> 00:11:02,730
Vendar pa lahko naredite tudi jQuery tukaj.

193
00:11:02,730 --> 00:11:06,200
>> Zato si oglejmo ta prvi vidik tukaj.

194
00:11:06,200 --> 00:11:09,500
Bomo ustvarili spremenljivko HTML, ki je niz.

195
00:11:09,500 --> 00:11:15,890
Ima posameznih odstavkih znački, navedla se imenuje nekatere nove besedila.

196
00:11:15,890 --> 00:11:19,420
Torej imamo to HTML-ja, da je to neka nova besedila, v točki oznakami.

197
00:11:19,420 --> 00:11:21,800
Zdaj smo pravzaprav želite dodati na stran.

198
00:11:21,800 --> 00:11:28,310
I je nastavljena tako, da je HTML tem odstavku, ta naslov tukaj, dodajanje ID.

199
00:11:28,310 --> 00:11:32,320
Če izberemo dodajanje ID in nato dodajte v njej

200
00:11:32,320 --> 00:11:34,560
HTML spremenljivka Pravkar sem ustvaril,

201
00:11:34,560 --> 00:11:40,370
da bo dodal, da HTML konec, takoj po tem odstavku oznako.

202
00:11:40,370 --> 00:11:43,730
Tako da, če bomo to storili - smo izbrali ta odstavek,

203
00:11:43,730 --> 00:11:47,590
in smo imenovano funkcijo dodajanje s spremenljivko HTML sem dodano vrednost,

204
00:11:47,590 --> 00:11:50,960
da bo dodal, da novo besedilo, tam na strani.

205
00:11:50,960 --> 00:11:54,970
Lahko tudi pripnite, kar pomeni, da bo šlo prej, na začetku tega elementa.

206
00:11:54,970 --> 00:11:58,290
Torej je nekaj novo besedilo na začetku in po njem.

207
00:11:58,290 --> 00:12:01,660
Lahko grem naprej in osvežiti, da se znebite te stvari sem pravkar opravil.

208
00:12:01,660 --> 00:12:05,280
Ampak to je primer, kako lahko uporabite prepend in dodajte metode

209
00:12:05,280 --> 00:12:08,910
da manipulira stvari na strani, dodamo nekaj HTML.

210
00:12:08,910 --> 00:12:11,080
>> Prav tako lahko spremenite razrede.

211
00:12:11,080 --> 00:12:14,970
Nazaj v tem slogu spisa, sem to ustvaril za zmago razred

212
00:12:14,970 --> 00:12:19,990
da ima besedilo rdeče barve, nekateri barvo ozadja in besedila sence.

213
00:12:19,990 --> 00:12:23,810
Videti je grozno, vendar sem lahko dejansko -

214
00:12:23,810 --> 00:12:26,410
Ta odstavek ustreza prvemu razredu ID.

215
00:12:26,410 --> 00:12:29,860
Tako da sem lahko dodate razred za zmago.

216
00:12:29,860 --> 00:12:31,870
To lahko izvrši v konzoli,

217
00:12:31,870 --> 00:12:35,480
in da bo dodal, da razred, in zdaj je videti grozno, kot je bilo pričakovano.

218
00:12:35,480 --> 00:12:39,680
CSS se samodejno uporabljajo za razrede, ki jo -

219
00:12:39,680 --> 00:12:42,680
če je CSS za razred, pa se samodejno uporabi

220
00:12:42,680 --> 00:12:44,680
Če spremenite razred elementa.

221
00:12:44,680 --> 00:12:49,230
Potem lahko samo odstranite z premestitev razred.

222
00:12:49,230 --> 00:12:53,690
Torej, če imate prednastavljene nekatere razrede, kot so rdeče ali označen,

223
00:12:53,690 --> 00:12:55,990
in potem si želim, da jih uporabijo za elemente,

224
00:12:55,990 --> 00:12:58,230
vam ni treba storiti vse CSS styling vsakič.

225
00:12:58,230 --> 00:13:01,510
Lahko le dodamo razred, v elementu, nato pa bo samodejno postal -

226
00:13:01,510 --> 00:13:05,580
se bo samodejno iskati primerno za ta razred.

227
00:13:05,580 --> 00:13:07,900
Mi lahko odstranite tudi stvari, zato bom, da izberete vse divs

228
00:13:07,900 --> 00:13:10,830
na strani in jih odpraviti.

229
00:13:10,830 --> 00:13:13,990
Kaj se, da bo izgledal?

230
00:13:13,990 --> 00:13:16,170
To bo izgledal nič, tako da je pravzaprav ni nič ostalo.

231
00:13:16,170 --> 00:13:18,170
Moja predstavitev je izginil.

232
00:13:18,170 --> 00:13:21,290
Jaz lahko osvežimo in jo prinese nazaj, na srečo,

233
00:13:21,290 --> 00:13:24,420
saj to je samo teče enkrat,

234
00:13:24,420 --> 00:13:29,460
ampak to je primer odstranitev, če želite, da popolnoma uniči element off strani.

235
00:13:29,460 --> 00:13:33,180
>> Lahko tudi prepisati, in bom, da izberete vse odstavek oznake so na strani

236
00:13:33,180 --> 00:13:36,850
go in nadomestil glede besedila so v njih v njih

237
00:13:36,850 --> 00:13:39,690
s samo "testiranje". beseda

238
00:13:39,690 --> 00:13:46,520
Če boste to storili, boste nadomestiti vsako točko na strani tega testiranja.

239
00:13:46,520 --> 00:13:49,150
Ja. Oni vsi nadomesti s testiranjem.

240
00:13:49,150 --> 00:13:53,270
Tako da je primer dostop do besedila in jo prepisal.

241
00:13:53,270 --> 00:13:57,490
Lahko pridobite tudi informacije, in to je res super za polji.

242
00:13:57,490 --> 00:14:00,470
Če imate vnosno polje, da so ljudje tipkanje stvari v,

243
00:14:00,470 --> 00:14:03,880
ljudje so tipkanje stvari v njem,

244
00:14:03,880 --> 00:14:09,030
tu izberite vhod, vsak vnos oznak z vrsto besedila.

245
00:14:09,030 --> 00:14:13,800
V tem primeru je samo ena polje za vnos v celotni predstavitvi,

246
00:14:13,800 --> 00:14:17,260
tako da bomo šele izbrati prvo, potem pa klic funkcije val na njej.

247
00:14:17,260 --> 00:14:19,570
To vrne vrednost, in za vnosno polje,,

248
00:14:19,570 --> 00:14:24,330
vrednost je samo karkoli se zgodi, da je v njej.

249
00:14:24,330 --> 00:14:31,880
Torej, če to storimo, je samo vrne niz stvari.

250
00:14:31,880 --> 00:14:36,860
In če ga pokličete spet po pisanju več stvari, se spremeni v več stvareh.

251
00:14:36,860 --> 00:14:40,760
To je eden odličen način za dostop do elementov vnosno polje, in nato preverite,

252
00:14:40,760 --> 00:14:45,060
je ta veljaven e-poštni naslov je ta veljaven datum, na primer.

253
00:14:45,060 --> 00:14:49,600
Lahko samo priklicati stvari v trenutku, kot so ljudje, da ga vnesete,

254
00:14:49,600 --> 00:14:54,830
in nato preverite, ali je veljaven, ga pošlje nazaj strežniku, naredite vse, kar hočeš z njim.

255
00:14:54,830 --> 00:14:57,720
In to je, kako lahko dostopate, kaj je v teh škatlah.

256
00:14:57,720 --> 00:15:00,090
>> Prav tako lahko spremenite CSS neposredno, tako da namesto dodajanja

257
00:15:00,090 --> 00:15:02,510
razred, ki je shranjenih nekaj lastnosti,

258
00:15:02,510 --> 00:15:08,120
lahko samo dodate karkoli CSS želite karkoli.

259
00:15:08,120 --> 00:15:10,350
Torej, kaj je select organ, ki je celotna predstavitev,

260
00:15:10,350 --> 00:15:14,370
in barva je lastnost, ki določa, kaj barve je besedilo.

261
00:15:14,370 --> 00:15:19,420
Če ga spremenili v rdeče, bo vse besedilo v stran, pa do rdeče.

262
00:15:19,420 --> 00:15:26,310
Mi lahko naredite nekaj takega ozadja modro barvo,

263
00:15:26,310 --> 00:15:30,680
Takole, to je lepo.

264
00:15:30,680 --> 00:15:33,840
Lahko narediš karkoli hočeš s tem.

265
00:15:33,840 --> 00:15:39,250
Uporaba nepremičnine CSS, lahko resnično spremeniti, kako kaj izgleda v vsakem trenutku.

266
00:15:39,250 --> 00:15:41,630
Naslednja stvar je, učinkov.

267
00:15:41,630 --> 00:15:45,710
Učinki so v bistvu ista stvar kot spreminjanje CSS,

268
00:15:45,710 --> 00:15:48,870
ampak dejansko opravljajo neko dodatno animacijo za to.

269
00:15:48,870 --> 00:15:53,380
Torej, namesto da samo kaže, ali nekaj skrivajo ali spremembo barve,

270
00:15:53,380 --> 00:15:56,130
lahko dejansko bi bilo animirani.

271
00:15:56,130 --> 00:16:00,760
Tukaj je dokumentacija, če želite, da pogled na obsežno dokumentacijo za to.

272
00:16:00,760 --> 00:16:04,760
Ampak bom pokrila glavne narave.

273
00:16:04,760 --> 00:16:12,030
Obstaja predstava in skriti lastnosti.

274
00:16:12,030 --> 00:16:14,510
Prikaži / skrij ID dejansko ustreza vsem tem polju,

275
00:16:14,510 --> 00:16:18,190
tako da, če sem ga skriti, bo kar izginil.

276
00:16:18,190 --> 00:16:24,210
In sem lahko spet pokazal, če želim, da bo prišel nazaj.

277
00:16:24,210 --> 00:16:26,340
In to je nazaj. To dejansko ni izginila,

278
00:16:26,340 --> 00:16:30,670
Pravzaprav nisem ga odstranite iz strani, sem nastavite lastnost CSS o vidnosti skritih

279
00:16:30,670 --> 00:16:34,030
tako da ne morem več videti.

280
00:16:34,030 --> 00:16:39,250
Tam je tudi potisnite navzgor in ga potisnite navzdol, ki vam omogoča, da imajo ta učinek.

281
00:16:39,250 --> 00:16:47,050
To drsi izginila, in potem izgine

282
00:16:47,050 --> 00:16:53,210
lahko ga potisnite navzdol, da bo prišel nazaj. In zdaj je nazaj.

283
00:16:53,210 --> 00:16:57,650
Tam je tudi ta zbledi učinek, ki je - fade ID ustreza tem polju.

284
00:16:57,650 --> 00:17:01,200
Če sem ga fade out, potem pa je počasi izginila.

285
00:17:01,200 --> 00:17:04,490
Jaz lahko tudi zbledi, in da bo prišel nazaj.

286
00:17:04,490 --> 00:17:08,930
Prav tako lahko naredite zbledi, ki je specifičen za fade funkcijo.

287
00:17:08,930 --> 00:17:12,589
Lahko so to zbledi v kakršne koli posebne motnosti, ki jo želite.

288
00:17:12,589 --> 00:17:16,869
Torej, če ste jo zbledi počasi 0,5, da bomo postali pol vidna.

289
00:17:16,869 --> 00:17:22,630
Lahko, da bo šel na 0,1, in nazaj do 1. da se ponovno v celoti vidna.

290
00:17:22,630 --> 00:17:24,760
To je samo še ena animacija, ki jih lahko storite.

291
00:17:24,760 --> 00:17:26,750
>> Obstajajo tudi preklop učinki.

292
00:17:26,750 --> 00:17:33,410
Tako bom, da izberete preklop ID, ki ustreza te škatle,

293
00:17:33,410 --> 00:17:38,970
in na tej div lahko pokličete preklop, če je vidna bo postala nevidna,

294
00:17:38,970 --> 00:17:42,320
Če je nevidna bo lahko spet postanejo vidne.

295
00:17:42,320 --> 00:17:44,440
Torej sem to imenoval preklop funkcijo dvakrat, prvi je bil

296
00:17:44,440 --> 00:17:48,380
ista stvar kot kožo, je bil drugi razpis ista stvar kot show.

297
00:17:48,380 --> 00:17:53,510
Prav tako pa lahko to storite z zbledi preklop,

298
00:17:53,510 --> 00:17:55,730
ki počne isto stvar, le da dejansko zbledi.

299
00:17:55,730 --> 00:17:59,410
In ista stvar s slide preklop.

300
00:17:59,410 --> 00:18:01,460
Obstajajo esencialne učinki, kot tudi, kar pomeni

301
00:18:01,460 --> 00:18:05,520
Če izberete element in samo pokličite kup načinov animacije na njej,

302
00:18:05,520 --> 00:18:07,400
če si hotel, da bi izginila, nato pa ga potisnite navzdol,

303
00:18:07,400 --> 00:18:11,040
in potem skriti, nato pa zbledi, jih bo naredil v vrsti.

304
00:18:11,040 --> 00:18:24,920
Torej je izginil, se je vrnil - iz neznanega razloga se skrivajo ni zgodilo.

305
00:18:24,920 --> 00:18:30,030
Poskusimo ven. Ja, tako da izgine, nato pa zdrsnila stran.

306
00:18:30,030 --> 00:18:32,230
In obstaja veliko več. Lahko uporabite animirati funkcijo

307
00:18:32,230 --> 00:18:35,370
ustvariti lastne animacije, kar je precej zapletena,

308
00:18:35,370 --> 00:18:38,790
vendar pa vam ponuja neskončno raztezanja.

309
00:18:38,790 --> 00:18:40,630
Lahko naredite kakršnokoli animacijo, ki jo želite.

310
00:18:40,630 --> 00:18:44,230
Lahko uporabite tudi čakalne vrste v čakalno vrsto do različnih animacij naenkrat.

311
00:18:44,230 --> 00:18:47,340
Torej, če hočeš kaj leteti čez stran,

312
00:18:47,340 --> 00:18:49,860
slide od zgoraj desno do spodaj levo, lahko to storite,

313
00:18:49,860 --> 00:18:55,240
in samo še kup ukrepov, ki gredo ena za drugo.

314
00:18:55,240 --> 00:18:57,490
>> Naslednja stvar, bomo govorili o je prireditve.

315
00:18:57,490 --> 00:19:02,090
Dogodki vam omogočajo - doslej smo pravkar tipkanje stvari v konzoli

316
00:19:02,090 --> 00:19:04,870
in to je eden od načinov, da bi se to zgodilo,

317
00:19:04,870 --> 00:19:08,020
ampak na dejanski strani, ne boš šel, da bi lahko

318
00:19:08,020 --> 00:19:10,020
narediti stvari tipa uporabnikov v konzolo.

319
00:19:10,020 --> 00:19:12,050
Hočeš stvari zgodi samodejno.

320
00:19:12,050 --> 00:19:18,060
Za to, morate uporabiti dogodke, ki aktivirajo na nek določen dogodek dogaja.

321
00:19:18,060 --> 00:19:21,340
Lahko preverite dokumentacijo za vse podrobnosti.

322
00:19:21,340 --> 00:19:24,030
Torej, da vidimo. Želimo, da skriti ali prikazati polje,

323
00:19:24,030 --> 00:19:29,340
ampak zdaj ta gumb ne naredi ničesar, ker nisem še izvajajo.

324
00:19:29,340 --> 00:19:35,420
Jaz grem na dejanski strani HTML.

325
00:19:35,420 --> 00:19:38,560
Tukaj je tobogan. Obstaja div za diapozitiv.

326
00:19:38,560 --> 00:19:41,230
To je razred zadrg.

327
00:19:41,230 --> 00:19:46,890
Tam je besedilo. Zdaj pa je to polje in gumb polje.

328
00:19:46,890 --> 00:19:52,900
Kako bi dejansko lahko to izgine?

329
00:19:52,900 --> 00:19:58,250
Najprej, kaj je napisal funkcijo, ki omogoča polje ID izginejo.

330
00:19:58,250 --> 00:20:01,820
To je sintaksa za funtion, kaj je samo da hideTheBox poklicati.

331
00:20:01,820 --> 00:20:06,130
To ne sprejme nobenih argumentov, saj ni nobenih argumentov, da je treba sprejeti.

332
00:20:06,130 --> 00:20:08,950
Mi lahko izberete polja ID.

333
00:20:08,950 --> 00:20:15,020
Torej, z uporabo jQuery izbiro, lahko izberete polje ID,

334
00:20:15,020 --> 00:20:17,700
in potem samo da bo izginila.

335
00:20:17,700 --> 00:20:20,690
Naj bo fade out.

336
00:20:20,690 --> 00:20:27,390
Če bomo to funkcijo tekel v dejanski konzoli,

337
00:20:27,390 --> 00:20:33,380
smo lahko opredeli to funkcijo lahko rečemo hideTheBox, in deluje.

338
00:20:33,380 --> 00:20:36,650
Vendar želimo, da se zgodi, ko je gumb dejansko pritisnjen.

339
00:20:36,650 --> 00:20:40,950
Da bi to dosegli, moramo uporabiti dogodek.

340
00:20:40,950 --> 00:20:45,500
Vezati dogodka nekaj posebnega gumba ali kakšnega akcijskega dogajanja,

341
00:20:45,500 --> 00:20:50,040
moramo izbrati element, ki bo dogodek sproži -

342
00:20:50,040 --> 00:20:52,650
ali bo to sproži dogodek, žal.

343
00:20:52,650 --> 00:20:57,220
>> Torej, najprej, kaj je izberete polje gumba ID

344
00:20:57,220 --> 00:20:59,610
ker to je gumb, in zdaj, ta gumb,

345
00:20:59,610 --> 00:21:02,750
želimo ustvariti animacijo, ko ga kliknete.

346
00:21:02,750 --> 00:21:05,040
Torej je to klik funkcijo.

347
00:21:05,040 --> 00:21:08,470
To vam omogoča, da se veže drugo funkcijo do njega.

348
00:21:08,470 --> 00:21:12,320
Ta funkcija je drugo funkcijo kot argument

349
00:21:12,320 --> 00:21:14,310
bomo lahko preide v funkciji hideTheBox,

350
00:21:14,310 --> 00:21:20,950
in če kliknete ta gumb, se bo ta funkcija samodejno izvršiti.

351
00:21:20,950 --> 00:21:24,850
Tako da bo to delovalo, če bomo prihranili to, bom osvežiti,

352
00:21:24,850 --> 00:21:33,460
in - eno sekundo, žal mi je.

353
00:21:33,460 --> 00:21:44,770
Naj se popravim to res hitro.

354
00:21:44,770 --> 00:21:50,680
Ok. Takole. Torej, zdaj je škatla izginja, ko smo kliknite na gumb.

355
00:21:50,680 --> 00:21:55,470
Mi lahko spremenite tudi to, da samo fadeToggle,

356
00:21:55,470 --> 00:22:00,020
spremenite samo, da skriti ali prikazati polje,

357
00:22:00,020 --> 00:22:03,850
in to bo prav tako delovala tudi, če bomo osvežili.

358
00:22:03,850 --> 00:22:08,550
Mi ga lahko skrijete, lahko tudi pokazati, in da bo še naprej delovala.

359
00:22:08,550 --> 00:22:12,210
Še ena stvar, ki jo lahko naredimo je, ne bomo dejansko morali opredeliti to funkcijo hideTheBox

360
00:22:12,210 --> 00:22:15,050
preden smo poklicali funkcijo klik.

361
00:22:15,050 --> 00:22:17,640
Torej, namesto opredeljevanju funkcije in kliče hideTheBox,

362
00:22:17,640 --> 00:22:20,310
smo šele tekoč, da ga pokličem, če je ta stvar kliknili.

363
00:22:20,310 --> 00:22:22,310
Torej lahko definiramo to anonimno tukaj,

364
00:22:22,310 --> 00:22:25,070
ki je funkcija, ki ima Javascript.

365
00:22:25,070 --> 00:22:29,720
Lahko definiramo funkcijo, normalno, bi rekli funkcijo hideTheBox

366
00:22:29,720 --> 00:22:34,490
z argumenti, ampak, lahko samo povem, delovati brez argumenta,

367
00:22:34,490 --> 00:22:36,870
začetek kodraste oklepaja opredeliti funkcijo,

368
00:22:36,870 --> 00:22:40,780
zapreti tisto kodrasti Podpornik, in potem samo opredeliti funkcijo tukaj,

369
00:22:40,780 --> 00:22:45,130
v prvem oklepaju in zadnji oklepaju

370
00:22:45,130 --> 00:22:47,860
ki ustrezajo argumentov funkcije klik.

371
00:22:47,860 --> 00:22:53,320
Tako da smo mimo v tej funkciji, lahko kopirate to vrstico kode tukaj,

372
00:22:53,320 --> 00:22:55,450
in da bo naredil točno isto stvar.

373
00:22:55,450 --> 00:22:57,290
In zdaj nimamo te naključno funkcijo fadeTheBox

374
00:22:57,290 --> 00:22:59,960
da se poseda brez očitnega razloga.

375
00:22:59,960 --> 00:23:02,070
Funkcija je definirana anonimno, nima imena.

376
00:23:02,070 --> 00:23:08,060
To bo izvrševala šele, ko smo kliknite na gumb box.

377
00:23:08,060 --> 00:23:12,180
Tako osvežujoče še enkrat, še enkrat, in boste lahko videli, da še vedno deluje.

378
00:23:12,180 --> 00:23:16,700
In to je, kako si ustvariti dogodke.

379
00:23:16,700 --> 00:23:19,190
>> Obstaja veliko različnih dogodkov, ki jih lahko uporabimo.

380
00:23:19,190 --> 00:23:23,540
Grem nazaj prehod na konzolo samo vam pokaže, kako to delo.

381
00:23:23,540 --> 00:23:28,210
Identitete za vsako od njih ustreza vsako polje.

382
00:23:28,210 --> 00:23:33,020
Torej, to polje klik oglasa, ta je ključnega pomena ID, in to je ena miš ID.

383
00:23:33,020 --> 00:23:36,120
Ena stvar je, da je to dejanje funkcija, namesto da vnesete ven vsakič,

384
00:23:36,120 --> 00:23:41,610
Pravzaprav sem šel naprej in ta ukrep funkcijo opredeljen tukaj.

385
00:23:41,610 --> 00:23:46,860
To počne isto stvar kot funkcijo hideTheBox.

386
00:23:46,860 --> 00:23:51,340
To postane to polje in niti zbledi ven ali noter fade

387
00:23:51,340 --> 00:23:54,110
In to je razlog, zakaj smo sposobni uporabiti tukaj.

388
00:23:54,110 --> 00:24:00,350
Torej, če kliknete na klik ID, želimo, da bi polje izgine ali ponovno pojavila.

389
00:24:00,350 --> 00:24:03,610
To je ista stvar kot gumb, da smo imeli v zadnji diapozitiv.

390
00:24:03,610 --> 00:24:07,450
Zdaj, ko pravimo, da smo lahko s klikom na to polje in bodo izginili,

391
00:24:07,450 --> 00:24:10,160
nato kliknite na to še enkrat, in okno se bo ponovno pojavil.

392
00:24:10,160 --> 00:24:12,480
To je zelo preprosta. Dvojni klik počne isto stvar,

393
00:24:12,480 --> 00:24:15,660
razen to zahteva dvojni klik.

394
00:24:15,660 --> 00:24:19,030
Torej, če ste enkrat kliknite nanj in ponovno kliknite na to ne bo zgodilo nič,

395
00:24:19,030 --> 00:24:21,140
vendar če ste dvakrat kliknite hitro, bo izginila.

396
00:24:21,140 --> 00:24:23,310
Če ste dvakrat kliknite še enkrat, bo prišel nazaj.

397
00:24:23,310 --> 00:24:25,250
Torej, to je zelo preprosta.

398
00:24:25,250 --> 00:24:31,170
Vhod tipkovnica je nekako čudno, jaz ne mislim, da dejansko deluje v tem primeru

399
00:24:31,170 --> 00:24:37,670
ker je tipka dol, ključ gor in pritisk ter druge ključne ukrepe

400
00:24:37,670 --> 00:24:47,190
aktiviranje ni važno, kaj element jo veže.

401
00:24:47,190 --> 00:24:51,410
Na primer, tudi če sem vezan tipko navzdol na telesu ali kaj drugega popolnoma,

402
00:24:51,410 --> 00:24:55,950
potem bi bilo še vedno aktivirajte ne glede na to - to ni specifična.

403
00:24:55,950 --> 00:25:00,190
Jaz ni treba kliknete to in pritisnite tipko nekaj ustvariti izginejo.

404
00:25:00,190 --> 00:25:04,470
To se aktivira glede na to, kaj element Trenutno sem noter

405
00:25:04,470 --> 00:25:06,880
To je torej dejansko ne deluje v tem primeru

406
00:25:06,880 --> 00:25:13,180
saj ne me prepozna kot vstop vhod v tipkovnico vhodni div.

407
00:25:13,180 --> 00:25:15,740
>> Ampak, če pogledaš na ukrepe miško

408
00:25:15,740 --> 00:25:19,620
prvi je, da lebdijo, in to lahko storite nekaj od tega z uporabo CSS.

409
00:25:19,620 --> 00:25:24,280
Če uporabljate CSS, lahko ustvarite tako, da če ste hover nad nečim,

410
00:25:24,280 --> 00:25:28,940
potem svojem slogu spremembe.

411
00:25:28,940 --> 00:25:32,170
Vendar z uporabo jQuery lahko spremenite sloge drugih stvari, kot dobro.

412
00:25:32,170 --> 00:25:37,120
Tako, na primer, bomo poklical ukrep, če bomo lebdijo nad tem div.

413
00:25:37,120 --> 00:25:39,660
To pomeni, da če bomo lebdijo nad njim, nato pa se bo okno izgine.

414
00:25:39,660 --> 00:25:42,430
Če gremo stran od nje, se bo okno ponovno pojavi.

415
00:25:42,430 --> 00:25:45,090
Če pravimo, in hover nad njim, se polje izgine,

416
00:25:45,090 --> 00:25:47,050
in takoj, ko se oddaljujemo, da pride nazaj.

417
00:25:47,050 --> 00:25:49,750
Če rečemo to funkcijo lebdenja na miški ID,

418
00:25:49,750 --> 00:25:54,380
ki ustreza tem polju, nato, če želimo lebdijo v polju

419
00:25:54,380 --> 00:26:00,440
potem se bo okno dejansko izgine - to je pa funky prav zdaj, ampak -

420
00:26:00,440 --> 00:26:06,310
če se oddaljujemo od njega, bo ponovno pojavili. Zdaj je nazaj iz nekega razloga.

421
00:26:06,310 --> 00:26:12,720
Miška se začne in miške funkcije move so nekoliko podobne, vendar nekoliko drugačen.

422
00:26:12,720 --> 00:26:16,470
Miška vpišite samo aktivira, ko miška vstopi v polje, kot je pričakovala.

423
00:26:16,470 --> 00:26:19,210
Torej, če se preselite v to, da bomo izginili.

424
00:26:19,210 --> 00:26:23,210
Vendar to ne bo znova pojavijo, ko se premikate stran, boste morali premakniti nazaj na njem za to, da pridejo nazaj.

425
00:26:23,210 --> 00:26:25,590
Tam je tudi funkcija miške poteza, ki bo aktivirala

426
00:26:25,590 --> 00:26:29,300
če je še prisoten v škatli za miško.

427
00:26:29,300 --> 00:26:32,430
Tako da bomo kar naprej dogaja, izginja in ven.

428
00:26:32,430 --> 00:26:35,660
In to je pravzaprav sečnje - zdi se, kot da je pravkar izginja ven in noter,

429
00:26:35,660 --> 00:26:39,140
ampak to je dejansko prijavi veliko več dejanj, kot je ta,

430
00:26:39,140 --> 00:26:43,550
tako da če se oddaljite bo to kar naprej dogaja, ker je zabeležen kot tisoč njih.

431
00:26:43,550 --> 00:26:46,620
Mogoče ne tisoč. Mogoče pet.

432
00:26:46,620 --> 00:26:50,200
To dnevniki več kot to.

433
00:26:50,200 --> 00:26:53,280
Bistvo je, da vsi ukrepi z miško, obstaja veliko od njih.

434
00:26:53,280 --> 00:26:55,480
Lahko bral o drugih, ki so, vendar so vsi nekoliko drugačna,

435
00:26:55,480 --> 00:26:57,700
izberete pa lahko tisti, ki ste potrebovali

436
00:26:57,700 --> 00:27:02,130
za kar koli poseben namen skušaš narediti.

437
00:27:02,130 --> 00:27:05,060
>> Naslednja stvar, bom govoril o je AJAX.

438
00:27:05,060 --> 00:27:09,340
AJAX, vem, da si letos ne zajema JavaScript v toliko globine,

439
00:27:09,340 --> 00:27:11,770
tako da bom samo govoril o AJAX na splošno za minuto.

440
00:27:11,770 --> 00:27:15,210
AJAX je kratica za Asynchronous JavaScript in XML.

441
00:27:15,210 --> 00:27:19,030
To je v bistvu, na primer, ko ste na Facebooku in vam potisne obvestilo,

442
00:27:19,030 --> 00:27:23,060
To je zato, ker AJAX teče v vašem spletnem brskalniku.

443
00:27:23,060 --> 00:27:25,800
Vsakih nekaj sekund, spletni brskalnik je dejansko

444
00:27:25,800 --> 00:27:29,420
dogaja, da strežniki Facebook, jih prosi, imaš kaj novega za mene,

445
00:27:29,420 --> 00:27:31,980
in potem gre nazaj k tebi.

446
00:27:31,980 --> 00:27:36,320
To vam omogoča pošiljanje zahtev na strežnik

447
00:27:36,320 --> 00:27:38,660
da bi dejansko morali naložite stran.

448
00:27:38,660 --> 00:27:42,040
Torej ponavadi, če ste le z uporabo PHP in baze podatkov,

449
00:27:42,040 --> 00:27:45,480
boste morali osvežiti stran, preden boste lahko dobili nove informacije iz strežnika.

450
00:27:45,480 --> 00:27:48,770
Vendar z uporabo AJAX, lahko potegnite za te nove informacije nenehno,

451
00:27:48,770 --> 00:27:52,250
ali vleči za to, ko boste kliknili na gumb ali kaj podobnega.

452
00:27:52,250 --> 00:27:56,140
Torej, to nam omogoča pošiljanje zahtev brez ponovnega stran,

453
00:27:56,140 --> 00:27:58,130
in smo lahko uporabite GET ali POST zahtevkov.

454
00:27:58,130 --> 00:28:05,370
>> GET zahteve so, na primer, če si Google.com in English

455
00:28:05,370 --> 00:28:10,900
in ne q = test. Da se jim test poizvedbe.

456
00:28:10,900 --> 00:28:15,890
In to je GET zahtevo, saj je posredovanje v teh parametrov v URL sama.

457
00:28:15,890 --> 00:28:19,250
Zahteva POST je, kot če ste jih pošiljali po pošti.

458
00:28:19,250 --> 00:28:22,500
To je, kot ste jo dali v pismu in ga poslati off z njimi,

459
00:28:22,500 --> 00:28:25,140
vendar dejansko ne vidite vsebino. Oni niso vidne v URL.

460
00:28:25,140 --> 00:28:31,040
Ne moreš direktno ga vnesite v, boste morali poslati skoraj na skrivaj.

461
00:28:31,040 --> 00:28:33,880
To je v post.

462
00:28:33,880 --> 00:28:38,660
Vendar z uporabo jQuery, lahko to storite GET in POST zahteve

463
00:28:38,660 --> 00:28:42,740
veliko lažje, kot si običajno lahko uporabljate samo navaden JavaScript.

464
00:28:42,740 --> 00:28:50,140
Lahko poizvedbo API uporabo GET zahteve, in si lahko ogledate tudi podatke za prijavo.

465
00:28:50,140 --> 00:28:54,400
Na naslednji strani, sem ustvaril to, kar sprašuje, "Kaj je za kosilo?"

466
00:28:54,400 --> 00:28:58,230
pomočjo Harvard hrane API, tako da je vleči, da gor.

467
00:28:58,230 --> 00:29:01,840
To je samo primer, kako lahko uporabite jQuery narediti GET zahtevo za API

468
00:29:01,840 --> 00:29:04,200
in dobite podatke nazaj iz nje.

469
00:29:04,200 --> 00:29:07,090
Tako želimo videti meni za danes,

470
00:29:07,090 --> 00:29:10,560
in želimo, da vidim, kaj je za kosilo.

471
00:29:10,560 --> 00:29:16,500
Tukaj je URL ustvariti GET zahtevo v jQuery.

472
00:29:16,500 --> 00:29:18,600
uporabljate $. dobil funkcijo.

473
00:29:18,600 --> 00:29:22,290
Prvi argument je URL, tako da točno to, kar ste poizvedovanje.

474
00:29:22,290 --> 00:29:27,200
Potem naslednji argument funkcijo, ki, ko je GET zahteva popolna.

475
00:29:27,200 --> 00:29:29,980
Torej ste poslali off nekaj zahtevo strežniku, počakajte, da pridejo nazaj.

476
00:29:29,980 --> 00:29:33,770
Ko je pa prišel nazaj, boš sprejmejo nekatere ukrepe s podatki, ki se je vrnil iz strežnika.

477
00:29:33,770 --> 00:29:37,520
Pojdimo naprej in kodiranje, da je to dobro.

478
00:29:37,520 --> 00:29:42,110
Nisem kodo to bodisi na namen.

479
00:29:42,110 --> 00:29:46,660
Tukaj je TODO. Najprej, kaj je uporaba vezavo dogodkov

480
00:29:46,660 --> 00:29:50,820
tako da, ko pritisnete na ta gumb, bomo poslali off GET zahtevo.

481
00:29:50,820 --> 00:29:53,410
In ko se to GET zahtevo donose z nekaterimi podatki,

482
00:29:53,410 --> 00:29:57,290
bomo jo napišite v to obroka info ID div.

483
00:29:57,290 --> 00:30:02,860
Najprej dajmo izberite ID gumb hrane.

484
00:30:02,860 --> 00:30:07,320
Ko je to kliknil, si želimo, da nekaj storiti.

485
00:30:07,320 --> 00:30:11,930
Reciva, da ga anonimni fuction, kot prej.

486
00:30:11,930 --> 00:30:15,550
Lahko ogradite tiste zavite oklepaje,

487
00:30:15,550 --> 00:30:18,530
in ko pritisnete na ta gumb, želimo poslati GET zahtevo

488
00:30:18,530 --> 00:30:20,750
da preverite, kaj bo za kosilo.

489
00:30:20,750 --> 00:30:24,970
Da bi to dosegli, bomo lahko samo tip v $. Dobili.

490
00:30:24,970 --> 00:30:28,850
To je jQuery funkcije, ki uporabljajo znak za dolar.

491
00:30:28,850 --> 00:30:31,430
To traja nekaj argumentov. Prva je URL,

492
00:30:31,430 --> 00:30:34,450
drugi je funkcija za povratni klic, funkcija, ki se imenuje

493
00:30:34,450 --> 00:30:37,740
ko se to zahteva dejansko vrne.

494
00:30:37,740 --> 00:30:39,890
Reciva, najprej zgraditi URL.

495
00:30:39,890 --> 00:30:44,650
Lahko ga dobite od API, da David zapisal.

496
00:30:44,650 --> 00:30:51,360
Dogaja, lahko vidimo, da je food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
in potem samo potujejo v imena parametrov, ki jih želite.

498
00:30:54,140 --> 00:30:57,760
Torej parameter 1, je vrednost 1.

499
00:30:57,760 --> 00:31:00,910
Izgleda kot standardni datum, datum začetka, zamude do danes

500
00:31:00,910 --> 00:31:03,110
Če ne vnesete ničesar, in končni datum tudi zamude

501
00:31:03,910 --> 00:31:05,930
do danes, če ne vnesete ničesar.

502
00:31:05,930 --> 00:31:10,790
To je tisto, kar želimo. Radi bi le dobili podatke za danes.

503
00:31:10,790 --> 00:31:12,950
>> Želimo, da bi oblika, ki bo v JSON.

504
00:31:12,950 --> 00:31:15,570
To je samo samovoljen, ki jih lahko uporabljajo katero koli obliko, ki jo želite.

505
00:31:15,570 --> 00:31:18,950
Lahko uporabite CSV, vendar JSON je JavaScript Object Notation.

506
00:31:18,950 --> 00:31:24,150
To je zelo enostaven za JavaScript razumeti, kaj to pomeni,

507
00:31:24,150 --> 00:31:27,110
in smo jo lahko natisnete lažje na ta način.

508
00:31:27,110 --> 00:31:30,490
Torej, kaj je to zahteva, JSON, in kaj je prošnja kosilo.

509
00:31:30,490 --> 00:31:37,660
Torej obrok = kosilo. Samo da bi napisati, da je naslov URL, gremo nazaj.

510
00:31:37,660 --> 00:31:41,290
Tam je meniji. Prvi parameter je izhod = JSON

511
00:31:41,290 --> 00:31:44,640
ker to je tisto, kar želimo, in vas loči parametre z "in".

512
00:31:44,640 --> 00:31:48,940
Drugi parameter je - ne spomnim se.

513
00:31:48,940 --> 00:31:52,170
Obrok. In želimo obrok = kosilo.

514
00:31:52,170 --> 00:31:57,390
Lahko preizkusite ta URL ga vnesete v brskalnik in grem z njo.

515
00:31:57,390 --> 00:32:03,120
To vam bo dala nekaj moči. To je samo kup stvari, ki je za kosilo.

516
00:32:03,120 --> 00:32:10,410
To je v tej grdi obliki. Želimo, da ga natisnete na naši spletni strani v boljši obliki.

517
00:32:10,410 --> 00:32:12,580
Torej je URL pravilen, zdaj smo morali napisati funkcijo

518
00:32:12,580 --> 00:32:18,300
poklicati nazaj, ko je zahteva uspešna.

519
00:32:18,300 --> 00:32:20,430
Ta funkcija bo dejansko lahko argument. To bo podatke.

520
00:32:20,430 --> 00:32:25,650
Podatke je tisto, kar prihaja iz GET zahtevo nazaj, potem je narejeno GET zahtevo.

521
00:32:25,650 --> 00:32:28,860
Mi lahko storite zavite oklepaje, tukaj smo napisali anonimno funkcijo

522
00:32:28,860 --> 00:32:33,900
da se izvaja z uporabo te podatke, ko bomo dobili podatke nazaj.

523
00:32:33,900 --> 00:32:37,840
Torej podatke, ko bomo vnesli v ta URL,

524
00:32:37,840 --> 00:32:41,540
To je tisto, kar so podatki bo izgledal. To se dogaja, da je to ogromen niz.

525
00:32:41,540 --> 00:32:48,610
Ampak dobra stvar je, lahko ga razčleniti Javascript s pomočjo JSON.parse funkcijo.

526
00:32:48,610 --> 00:32:54,950
Torej, kaj je ustvariti novo spremenljivko podatke razčleniti.

527
00:32:54,950 --> 00:32:57,060
In podatke razčleniti je niz predmetov.

528
00:32:57,060 --> 00:33:04,200
Vsak objekt vsebuje informacije, kot so - no, pa poglejmo.

529
00:33:04,200 --> 00:33:08,980
To je datum, na obrok, kategorijo, recept, vse te druge stvari.

530
00:33:08,980 --> 00:33:10,860
Vzemiva izpisal ime za vsakega od njih.

531
00:33:10,860 --> 00:33:13,790
Oglejmo Ponovil skozi celotno paleto stvari, ki smo se vrnem iz njega,

532
00:33:13,790 --> 00:33:17,570
in samo izpisal vsak eno - tiskati ime vsakega od njih.

533
00:33:17,570 --> 00:33:22,670
To je zanka.

534
00:33:22,670 --> 00:33:26,030
>> Ima Javascript to koristno sintakso, kjer si lahko ustvarite spremenljivko in zanko nad matriko,

535
00:33:26,030 --> 00:33:30,150
in var i je samo iterator, tako da namesto da bi to var i = 0,

536
00:33:30,150 --> 00:33:40,290
i je bila manjša od dolžine, i + +, lahko samo naredi Var i v razčleniti podatkov.

537
00:33:40,290 --> 00:33:47,060
V tem primeru bo razčleniti podatki (i) ustreza trenutnemu elementu

538
00:33:47,060 --> 00:33:49,850
iz matrike, dejansko predmet.

539
00:33:49,850 --> 00:33:51,720
In želimo, da se ime iz nje.

540
00:33:51,720 --> 00:33:54,170
Torej, kaj je pač ime.

541
00:33:54,170 --> 00:33:57,000
In zadnja stvar je, da bomo spet imeli nekaj jQuery.

542
00:33:57,000 --> 00:34:02,660
Pravzaprav jo dodajte v div, ta info obrok div, da je trenutno prazna.

543
00:34:02,660 --> 00:34:05,430
Torej, kaj je, da izberete.

544
00:34:05,430 --> 00:34:13,870
Uporabili bomo jQuery in izberite obrok info div id, ali obrok Informacije ID, žal.

545
00:34:13,870 --> 00:34:16,580
Želimo dodati k temu.

546
00:34:16,580 --> 00:34:21,030
Če smo test, na primer, da bi le prepisati ga vsak čas.

547
00:34:21,030 --> 00:34:29,190
Tako smo lahko samo dodati to.

548
00:34:29,190 --> 00:34:31,889
Sedanji element v matriki, bomo dobili ime iz nje,

549
00:34:31,889 --> 00:34:38,159
in bomo ga dodajte na koncu obroka info ID div.

550
00:34:38,159 --> 00:34:40,120
In potem samo da bi bilo videti čistejša,

551
00:34:40,120 --> 00:34:51,550
bomo priložiti tudi prelom vrstice, tako da ni vse v eni vrstici.

552
00:34:51,550 --> 00:34:55,280
Torej, če bo šlo vse dobro, da bi bilo dobro, da -

553
00:34:55,280 --> 00:34:57,220
Najprej, če kliknete ta gumb,

554
00:34:57,220 --> 00:35:00,070
ga bodo poslali off GET zahtevo za ta naslov URL.

555
00:35:00,070 --> 00:35:02,500
Ko pride podatke nazaj iz njega, bo to razčleniti,

556
00:35:02,500 --> 00:35:06,950
sprevrgla v JSON, zanke skozi celotno paleto predstavlja, da so podatki,

557
00:35:06,950 --> 00:35:10,310
in nato dodajte ime in prelom vrstice

558
00:35:10,310 --> 00:35:16,500
za vsako vrstico tega obroka info ID, ki je bila prej prazna.

559
00:35:16,500 --> 00:35:18,910
Torej grem nazaj na to stran, bomo osvežili,

560
00:35:18,910 --> 00:35:23,690
klik, ugotovili - to ne deluje. To je žalostno.

561
00:35:23,690 --> 00:35:25,830
In to je, če debugging pride noter

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

563
00:35:30,070 --> 00:35:57,210
To je zanimivo.

564
00:35:57,210 --> 00:35:59,720
V redu, dobro, namesto da preživijo čas početje to, da sem šele tekoč

565
00:35:59,720 --> 00:36:07,070
dvigni narediti datoteko, ki ga imam, kar je končana različica.

566
00:36:07,070 --> 00:36:13,710
Ne vem, v čem je razlika, vendar smo lahko samo odpreti to gor namesto tega.

567
00:36:13,710 --> 00:36:19,740
In gremo na AJAX, in to naj bi delovala pravilno.

568
00:36:19,740 --> 00:36:21,730
To je tisto, kar je bilo danes za kosilo,

569
00:36:21,730 --> 00:36:24,870
V nobenem posebnem vrstnem redu, z narekovaji okoli njega, tako da to ni najlepši.

570
00:36:24,870 --> 00:36:27,090
Ampak, seveda, če ste počeli to za končni projekt,

571
00:36:27,090 --> 00:36:30,120
da bi bilo videti bolje.

572
00:36:30,120 --> 00:36:32,530
Ampak to je samo preprost primer, kako vam GET zahtevo.

573
00:36:32,530 --> 00:36:34,580
In če gledamo dejansko kodo, ugibam, sem prepričan,

574
00:36:34,580 --> 00:36:39,690
je še vedno precej enake.

575
00:36:39,690 --> 00:37:04,990
Oh, sem pozabil, da ga pretvori v niz, to je to.

576
00:37:04,990 --> 00:37:07,920
Ne, še vedno ne deluje. Ne glede na to, tukaj je dejansko končana koda

577
00:37:07,920 --> 00:37:10,300
Za kaj naj bi to izgledal,

578
00:37:10,300 --> 00:37:16,400
in to počne isto, kot tisto, kar sem pravkar izvaja.

579
00:37:16,400 --> 00:37:22,760
Ko boste kliknili na gumb, ki jih uporablja GET JSON samodejno razčleniti podatke.

580
00:37:22,760 --> 00:37:29,190
To traja podatke nazaj iz nje in zanke skozi celotno paleto

581
00:37:29,190 --> 00:37:32,770
in odtisi izključuje - vse, kar je danes za kosilo, ime ji,

582
00:37:32,770 --> 00:37:38,020
in doda prelom vrstice po vsaki vrstici.

583
00:37:38,020 --> 00:37:41,100
To je, kako boste uporabili GET funkcijo.

584
00:37:41,100 --> 00:37:44,040
>> Lahko uporabite tudi POST, ki jih nisem imel časa

585
00:37:44,040 --> 00:37:47,940
napisati gor zgled za to, vendar smo lahko ogledate na dokumentaciji.

586
00:37:47,940 --> 00:37:53,220
Če pogledaš na jquery.post,

587
00:37:53,220 --> 00:37:55,510
lahko vidite, da je skoraj ista stvar.

588
00:37:55,510 --> 00:38:01,650
Imate URL, ampak prenosa parametrov s pomočjo -

589
00:38:01,650 --> 00:38:03,990
samo, da jih postavi v niz za URL sama,

590
00:38:03,990 --> 00:38:06,300
moraš opraviti v tem Variabilni podatki

591
00:38:06,300 --> 00:38:11,990
da je v bistvu matrika, slovar, da zemljevidi parametrov v vrednosti.

592
00:38:11,990 --> 00:38:17,690
Podaš da, in da jih pošlje v uporabo POST.

593
00:38:17,690 --> 00:38:20,790
In ko ste, potem imate lahko funkcijo uspehu

594
00:38:20,790 --> 00:38:23,930
da se izvede, ko pride podatke nazaj.

595
00:38:23,930 --> 00:38:26,430
Sicer pa je popolnoma enak. Torej z POST,

596
00:38:26,430 --> 00:38:29,970
boste morda želeli uporabiti POST, na primer, če imate obrazec za vnos

597
00:38:29,970 --> 00:38:35,780
pustite ljudi vnosa gesla vanjo, in pošiljanje teh gesel brez

598
00:38:35,780 --> 00:38:41,850
s svojim zalednim scenarij, da preverite v bazi podatkov, ali je ta uporabnik veljavna ali ne.

599
00:38:41,850 --> 00:38:46,700
To lahko storite vse, z uporabo jQuery, namesto da bi osvežite stran sploh.

600
00:38:46,700 --> 00:38:52,160
Tako sem izvajal v blog, ki sem vam pokazala že prej.

601
00:38:52,160 --> 00:38:59,530
Če gremo do konca portal in se odjavite, se odjavite

602
00:38:59,530 --> 00:39:02,600
Odjava ne deluje.

603
00:39:02,600 --> 00:39:13,360
No, naj ga pravkar odprla v novem oknu.

604
00:39:13,360 --> 00:39:16,580
Tu je geslo, in sem bil tekoč, da tip v nekaj naključno.

605
00:39:16,580 --> 00:39:18,590
To se ne dela, ampak lahko vidite, da nismo

606
00:39:18,590 --> 00:39:20,840
dejansko morali osvežiti stran sploh.

607
00:39:20,840 --> 00:39:24,610
Kodo, če želite, da pogled na to,

608
00:39:24,610 --> 00:39:37,460
je vse na voljo tukaj.

609
00:39:37,460 --> 00:39:45,680
Torej kode sem lani zapisal bivši.

610
00:39:45,680 --> 00:39:47,790
Kot lahko vidite tukaj, smo poslali prošnjo za delovno mesto.

611
00:39:47,790 --> 00:39:50,400
Imam datoteko z imenom login.php v zadnjem delu,

612
00:39:50,400 --> 00:39:53,860
ki preveri, če je geslo veljavna.

613
00:39:53,860 --> 00:39:56,000
Parametri peljemo v so gesla, preslikana

614
00:39:56,000 --> 00:40:00,030
vhod, ki je v tem vnosno polje zdaj.

615
00:40:00,030 --> 00:40:04,110
In ko pride podatke nazaj, bomo preverili.

616
00:40:04,110 --> 00:40:07,680
Če so podatki napačni, potem rečemo napačno geslo, ga potisnite navzdol,

617
00:40:07,680 --> 00:40:09,580
in samo da bo izginila po tem.

618
00:40:09,580 --> 00:40:12,320
V nasprotnem primeru bomo naložili admin strani.

619
00:40:12,320 --> 00:40:15,080
In to je bilo vse narejeno z JSON.

620
00:40:15,080 --> 00:40:18,510
V tem veliko vrstic kode, lahko samo mimo podatke za zadnji konec,

621
00:40:18,510 --> 00:40:21,020
preveri, ali je pravilna, preverite, ali ste prijavljeni pravilno,

622
00:40:21,020 --> 00:40:24,200
in dejansko odzivajo na to, preusmerjanje osebo na pravi strani

623
00:40:24,200 --> 00:40:29,760
ali dajanje v najem jih prijavite in jim povedali, da so imeli napačno geslo.

624
00:40:29,760 --> 00:40:33,040
Torej, to je primer, kako lahko uporabite jQuery POST

625
00:40:33,040 --> 00:40:37,010
poslati zahtevo za post na svoj zadnji konec,

626
00:40:37,010 --> 00:40:42,400
preverjanje, ali je kdo prijavljen pravilno.

627
00:40:42,400 --> 00:40:44,820
>> Vse je v redu, tako da je vse primere sem imel, in vse stvari sem hotel za kritje.

628
00:40:44,820 --> 00:40:47,110
To so glavne stvari, ki jQuery vam omogoča, da:

629
00:40:47,110 --> 00:40:52,640
izberite elemente, ki jih spreminjate z uporabo DOM manipulacijo,

630
00:40:52,640 --> 00:40:56,340
lahko dodate učinke, aktivirajte stvari o določenih dogodkih,

631
00:40:56,340 --> 00:41:00,430
in tudi ne AJAX zahteve zelo gladko in brez težav.

632
00:41:00,430 --> 00:41:02,840
Torej hvala za prihod ali gledanje,

633
00:41:02,840 --> 00:41:06,230
in če imate kakršnakoli vprašanja, mi samo povej. Da?

634
00:41:06,230 --> 00:41:12,730
[Študent] nazaj, ko je pokazala, da je JSON po POST zahtevo, v narekovajih,

635
00:41:12,730 --> 00:41:15,170
in sem se spraševala, kaj je storil.

636
00:41:15,170 --> 00:41:20,070
>> Ja, vidim. Vprašanje je bilo, da v tem primeru sem pokazala,

637
00:41:20,070 --> 00:41:25,790
tam je bila beseda JSON v narekovaje -

638
00:41:25,790 --> 00:41:31,690
Jaz bom samo dvigni še enkrat - po funkciji POST.

639
00:41:31,690 --> 00:41:43,320
Jaz sem samo vleče pokazati.

640
00:41:43,320 --> 00:41:46,890
Torej, tukaj je ta POST zahtevo, in tam je to JSON v narekovajih.

641
00:41:46,890 --> 00:41:50,280
To samo opredeljuje tisto, kar smo pričakovali izhod biti.

642
00:41:50,280 --> 00:41:54,070
Torej, če se peljemo v JSON kot pričakovano vrsto podatkov,

643
00:41:54,070 --> 00:41:56,070
to ni potrebno, vendar če ga prenese v,

644
00:41:56,070 --> 00:41:58,590
potem se bodo podatki samodejno razčleniti kot JSON.

645
00:41:58,590 --> 00:42:00,600
Torej nimamo poklicati funkcijo JSON razčleniti na njej,

646
00:42:00,600 --> 00:42:02,620
to bomo šele zgoditi samodejno.

647
00:42:02,620 --> 00:42:05,150
In če ste vzeli pogled na dokumentacijo za POST,

648
00:42:05,150 --> 00:42:09,850
da so ti podatki tipičnih spremenljivk, vrsto podatkov, pričakovana od strežnika.

649
00:42:09,850 --> 00:42:12,660
Je privzeto inteligentno ugibanje, da je lahko narobe,

650
00:42:12,660 --> 00:42:15,520
tako da lahko pustite prazno, ampak to je samo vrsta podatkov

651
00:42:15,520 --> 00:42:21,680
V kodiranje, ki ga uporabljate, ali je JSON ali XML ali kaj drugega.

652
00:42:21,680 --> 00:42:25,280
>> Še kakšno vprašanje?

653
00:42:25,280 --> 00:42:27,300
Vse je v redu. Če imate kakršnakoli druga vprašanja, vas prosimo, da mi email

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

655
00:42:30,830 --> 00:42:34,860
in diapozitivi in ​​koda bi morala biti na voljo na spletu kmalu.

656
00:42:34,860 --> 00:42:42,810
Srečno pri končnih projektov, upam, da uporabite jQuery.

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