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

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

3
00:00:04,790 --> 00:00:08,000
[Hierdie is CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
As jy die volgende saam by die huis, jy kan eintlik toegang tot my skyfies aanlyn

5
00:00:10,640 --> 00:00:13,310
deur te gaan na hierdie skakel.

6
00:00:13,310 --> 00:00:18,650
Dit is TjjRWj, op bit.ly.

7
00:00:18,650 --> 00:00:20,700
Jy kan ook net na die URL direk,

8
00:00:20,700 --> 00:00:27,300
wat cloud.cs50.net / ~ vshekhawat, wat is my naam,

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

10
00:00:32,409 --> 00:00:34,920
Ek raai u aan om te volg saam as jy kyk by die huis,

11
00:00:34,920 --> 00:00:40,650
en as jy hier is, ook, want dit is 'n mooi interaktiewe aanbieding.

12
00:00:40,650 --> 00:00:43,160
>> So vandag is ek gaan om te praat oor jQuery, en die eerste vraag is,

13
00:00:43,160 --> 00:00:45,300
Wat is jQuery?

14
00:00:45,300 --> 00:00:47,090
Hierdie jaar het ek weet julle nie bedek het JavaScript

15
00:00:47,090 --> 00:00:51,080
in soveel detail as wat ons in die afgelope jaar.

16
00:00:51,080 --> 00:00:53,150
JavaScript is, die eerste van alles, net 'n kliënt-kant taal

17
00:00:53,150 --> 00:00:58,390
wat jy gebruik skrifte en kode uit te voer op elke gebruiker se rekenaar.

18
00:00:58,390 --> 00:01:00,660
So jy het 'n bediener wat bied web bladsye aan mense,

19
00:01:00,660 --> 00:01:02,600
maar jy mag dalk wil om dinge te doen op hul masjien,

20
00:01:02,600 --> 00:01:08,060
vra hulle masjien versoeke te stuur na jou bediener elke 30 sekondes of iets soos dit.

21
00:01:08,060 --> 00:01:10,420
Jy kan dit doen met behulp van JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery bied net meer funksies op die top van JavaScript

23
00:01:13,190 --> 00:01:15,680
wat nie ekstra goed vir jou.

24
00:01:15,680 --> 00:01:17,710
As jy kyk na die inhoud op die top,

25
00:01:17,710 --> 00:01:21,410
wat beskryf 'n paar van die dinge wat jy kan doen.

26
00:01:21,410 --> 00:01:23,500
So algehele, was dit geskep het in Januarie 2006.

27
00:01:23,500 --> 00:01:26,560
Dit is die eerste keer swanger geword van in Augustus 2005.

28
00:01:26,560 --> 00:01:31,370
Dit is al vir 'n paar jaar, en dit is regtig deel van die nuwe Web 2.0 beweging

29
00:01:31,370 --> 00:01:34,330
wat is gemaak op die Internet so blink.

30
00:01:34,330 --> 00:01:37,630
Dit is die mees algemeen gebruik word JavaScript-biblioteek.

31
00:01:37,630 --> 00:01:41,450
Meer as 19,6 miljoen, webwerwe is om dit te gebruik, en die gebruik is nog steeds

32
00:01:41,450 --> 00:01:45,640
volgens builtwith.com, wat blykbaar, oor die afgelope jaar,

33
00:01:45,640 --> 00:01:49,710
het net voortdurend toenemende redelik lineêr.

34
00:01:49,710 --> 00:01:52,870
Onder die top 10 miljoen webwerwe, is daar steeds -

35
00:01:52,870 --> 00:01:55,180
sowat 40% van hulle is op die oomblik wat dit gebruik.

36
00:01:55,180 --> 00:01:58,540
Facebook gebruik nie, baie ander webwerwe wat tans gebruik.

37
00:01:58,540 --> 00:02:01,540
Jy kan kyk na die statistieke op jou eie, as jy wil.

38
00:02:01,540 --> 00:02:05,820
En jy kan dit wettig vertel, want dit het 'n fondament en 13 raadslede,

39
00:02:05,820 --> 00:02:11,910
saam met 'n span van 20 mense wat werk op dit op 'n gereelde basis.

40
00:02:11,910 --> 00:02:16,110
So dit is baie wyd gebruik word, het dit 'n org URL., Dit is fancy,

41
00:02:16,110 --> 00:02:21,660
dit het spin-offs vir ander dinge, so dit is 'n groot deal.

42
00:02:21,660 --> 00:02:24,510
>> Hoekom moet jy dit gebruik? JQuery is baie lig.

43
00:02:24,510 --> 00:02:27,270
Dit beteken dat dit nie 'n groot lêer. Jy kan dit aflaai

44
00:02:27,270 --> 00:02:31,540
die minified lêer, wat sonder al die wit spasie en kommentaar, en dit is slegs 32 KG.

45
00:02:31,540 --> 00:02:33,600
So is dit maklik om net te gooi op jou web bladsy

46
00:02:33,600 --> 00:02:35,910
en net om dit te gebruik.

47
00:02:35,910 --> 00:02:39,630
Dit is ook baie effektief geskryf is, sodat dit nie neem 'n baie van -

48
00:02:39,630 --> 00:02:42,550
dit nie stadiger jou webwerf veel as jy dit gebruik.

49
00:02:42,550 --> 00:02:45,770
Dit kan jy implementeer dinge wat voorheen nie realiseerbaar.

50
00:02:45,770 --> 00:02:47,790
Daar is 'n paar aspekte van die funksies,

51
00:02:47,790 --> 00:02:51,780
soos die skep van animasies, wat normaalweg sou baie, baie moeilik om te doen.

52
00:02:51,780 --> 00:02:54,300
Maar in jQuery hulle is eintlik baie eenvoudig.

53
00:02:54,300 --> 00:02:57,040
En daar is 'n paar dinge wat irriterende te doen,

54
00:02:57,040 --> 00:02:59,610
moontlik in JavaScript, soos die stuur van die POST versoek,

55
00:02:59,610 --> 00:03:02,190
maar 'n versoek om 'n bediener te stuur, jy het om te skryf

56
00:03:02,190 --> 00:03:04,320
vyf of ses of sewe reëls van die kode.

57
00:03:04,320 --> 00:03:07,200
Nou kan jy doen dit net in 'n enkele lyn van kode, in 'n enkele funksie oproep.

58
00:03:07,200 --> 00:03:11,790
Wat vereenvoudig regtig 'n baie van die dinge wat jy doen.

59
00:03:11,790 --> 00:03:15,950
En al die cool kinders is wat dit gebruik. Teen daardie, ek bedoel my.

60
00:03:15,950 --> 00:03:19,270
In my finale projek verlede jaar, wat news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
Dit is vir die radiostasie, het ek hierdie blog

62
00:03:22,530 --> 00:03:29,750
wat as gasheer van al die programme wat ons gedoen het en die MP3-lêers vir hulle.

63
00:03:29,750 --> 00:03:32,070
Jy kan blaai deur die verlede shows,

64
00:03:32,070 --> 00:03:34,130
en dit is alles gedoen met behulp van jQuery. Jy kan jou vertel

65
00:03:34,130 --> 00:03:37,340
gevolg van al hierdie animasie, wese.

66
00:03:37,340 --> 00:03:42,360
So as jy - as jy 'n nuwe pos,

67
00:03:42,360 --> 00:03:45,980
jy sien hierdie klein slideDowns; dit is al gedoen met behulp van jQuery.

68
00:03:45,980 --> 00:03:49,140
En dit vervaag - so dat die soort dinge is al gedoen met behulp van jQuery,

69
00:03:49,140 --> 00:03:52,720
en jy het nie om voortdurend die bladsy te herlaai om die webwerf te navigeer.

70
00:03:52,720 --> 00:03:57,220
Nog 'n cool ding wat gemaak is met behulp van jQuery is hierdie aanbieding.

71
00:03:57,220 --> 00:03:59,700
Ek is die gebruik van hierdie open source ding genaamd scrolldeck,

72
00:03:59,700 --> 00:04:03,250
wat iemand geskryf het op die top van jQuery.

73
00:04:03,250 --> 00:04:04,870
As jy eintlik kyk na die bron, kan jy sien dat

74
00:04:04,870 --> 00:04:07,830
hulle is die gebruik van hierdie dollar teken, dollar tekens

75
00:04:07,830 --> 00:04:12,110
gebruik word in jQuery om aan te dui dat 'n funksie is 'n jQuery funksie.

76
00:04:12,110 --> 00:04:15,020
So hulle definisie van 'n wrapper op die top van jQuery

77
00:04:15,020 --> 00:04:18,570
wat u toelaat om 'n aanbieding te maak soos hierdie,

78
00:04:18,570 --> 00:04:21,200
en jy kan sien dat hier is hulle die oorspronklike jQuery lêer is, insluitend

79
00:04:21,200 --> 00:04:24,120
en dit is wat jy het om te sluit as wil jQuery te gebruik

80
00:04:24,120 --> 00:04:30,450
in jou eie webtuistes.

81
00:04:30,450 --> 00:04:32,790
>> Raak op dat, hoe jy dit installeer?

82
00:04:32,790 --> 00:04:36,150
Jy kan net gaan na jQuery.com en die aflaai van die lêer,

83
00:04:36,150 --> 00:04:38,320
voeg dit by 'n web gids en sluit dit.

84
00:04:38,320 --> 00:04:42,200
Dus net bo-op, in die kop tag van jou HTML-lêer

85
00:04:42,200 --> 00:04:45,400
van jou hoof HTML-lêer, net dat die lyn van die kode

86
00:04:45,400 --> 00:04:49,490
met die korrekte weergawe vir watter weergawe van jQuery wat jy gebruik.

87
00:04:49,490 --> 00:04:51,340
Jy kan dit aflaai deur te gaan na jQuery.com,

88
00:04:51,340 --> 00:04:55,130
kliek "aflaai jQuery," en jy het dit. Dit is dit.

89
00:04:55,130 --> 00:04:58,880
En eintlik, kan ons 'n blik op hoe dit lyk.

90
00:04:58,880 --> 00:05:01,080
As jy op laai hier, jQuery is dit.

91
00:05:01,080 --> 00:05:05,260
Dis net een groot JavaScript lêer wat doen al die magic dinge vir jou.

92
00:05:05,260 --> 00:05:09,270
Dit is die minified weergawe, wat is nie leesbaar nie.

93
00:05:09,270 --> 00:05:13,180
Jy kan ook kyk na die ontwikkeling weergawe, wat is leesbaar

94
00:05:13,180 --> 00:05:15,370
maar nog steeds baie, baie lang.

95
00:05:15,370 --> 00:05:17,980
Dit is 'n baie dinge in daar.

96
00:05:17,980 --> 00:05:20,240
Jy kan ook 'n skakel na Google se gasheer weergawe van dit.

97
00:05:20,240 --> 00:05:23,820
Sodat sal toelaat dat jy net staatmaak op Google om dit te voorsien.

98
00:05:23,820 --> 00:05:29,310
Hulle bied elke weergawe van dit, te alle tye beskikbaar.

99
00:05:29,310 --> 00:05:31,530
So jy kan waarskynlik staatmaak op Google dit aan te bied vir jou.

100
00:05:31,530 --> 00:05:33,270
Of jy kan 'n skakel na jQuery se eie jongste weergawe.

101
00:05:33,270 --> 00:05:36,400
Hulle het 'n URL wat altyd opgedateer na die nuutste weergawe.

102
00:05:36,400 --> 00:05:40,850
Dit is jQuery-jongste, en daar is 'n probleem met dit,

103
00:05:40,850 --> 00:05:44,350
wat is dat indien die opgedateer jQuery en 'n paar van die vorige funksie

104
00:05:44,350 --> 00:05:47,250
hulle word retrograded of afgekeur,

105
00:05:47,250 --> 00:05:49,620
Dit mag dalk nie - dit kan begin om nie meer te ondersteun.

106
00:05:49,620 --> 00:05:52,940
So as jy 'n webwerf met behulp van weergawe 1.8.2,

107
00:05:52,940 --> 00:05:55,000
teen die tyd weergawe 2.7 uitkom

108
00:05:55,000 --> 00:05:57,000
sommige van die funksies wat jy geskryf het nie meer werk nie.

109
00:05:57,000 --> 00:05:59,930
Dus is dit beter om net die aflaai van die 32 k lêer,

110
00:05:59,930 --> 00:06:04,100
sit dit op jou web bladsy, en dit sal vir ewig te werk.

111
00:06:04,100 --> 00:06:07,450
>> Ek gaan om voort te gaan en begin praat oor die werklike funksie van jQuery.

112
00:06:07,450 --> 00:06:13,090
Die eerste ding is keurders. Dit is wat jQuery is aanvanklik swanger te voorsien.

113
00:06:13,090 --> 00:06:15,500
En jy kan op dokumentasie om te kyk na

114
00:06:15,500 --> 00:06:18,690
die gedetailleerde dokumentasie vir die keurders ek gaan word oor.

115
00:06:18,690 --> 00:06:24,120
Die idee agter die keurders is dat jy HTML-elemente op 'n bladsy kan kies.

116
00:06:24,120 --> 00:06:28,790
Elemente op 'n bladsy het ID's en klasse en ander identifisering van aspekte aan hulle.

117
00:06:28,790 --> 00:06:30,500
Daar is ook - they're in verskillende ordes.

118
00:06:30,500 --> 00:06:32,570
Sommige van die tyd wat hulle in mekaar nes is.

119
00:06:32,570 --> 00:06:38,120
JQuery kan jy eenvoudig navrae wat herwin elemente van die bladsy op te rig.

120
00:06:38,120 --> 00:06:41,890
Dan kan jy manipuleer hierdie elemente met behulp van jQuery funksies,

121
00:06:41,890 --> 00:06:43,990
wat is die manipulasie artikel ons sal kry om later.

122
00:06:43,990 --> 00:06:46,040
Jy kan dit verander die HTML, verander die CSS,

123
00:06:46,040 --> 00:06:50,500
jy kan ook lewendig en voeg funksies wat aktiveer op sekere gebeure.

124
00:06:50,500 --> 00:06:52,710
So, byvoorbeeld, as daar iets is gekliek het, wil jy iets om te gebeur,

125
00:06:52,710 --> 00:06:55,210
wat jy kan doen met behulp van jQuery as well.

126
00:06:55,210 --> 00:06:57,380
En daar is 'n groot aantal van maniere elemente te kies.

127
00:06:57,380 --> 00:07:00,310
Die meeste van hulle het ek nog nooit gebruik nie, maar daar is die basiese kinders,

128
00:07:00,310 --> 00:07:02,340
wat is redelik belangrik.

129
00:07:02,340 --> 00:07:05,750
Die element selector, byvoorbeeld, as jy net kies enigiets

130
00:07:05,750 --> 00:07:10,640
dit is 'n div - Ek het eintlik die kode oop vir hierdie skyfievertoning.

131
00:07:10,640 --> 00:07:13,450
So, byvoorbeeld, hier is die eerste skyfie.

132
00:07:13,450 --> 00:07:17,430
Hier het ons 'n div. As ons eintlik kies al die divs op die bladsy,

133
00:07:17,430 --> 00:07:22,300
dit sal net vir ons 'n verskeidenheid van al die divs wat bestaan ​​in hierdie lêer.

134
00:07:22,300 --> 00:07:27,040
Die ID selector kan jy kies iets met 'n gegewe ID.

135
00:07:27,040 --> 00:07:32,230
So as dit, byvoorbeeld, hierdie ding het die ID "wat,"

136
00:07:32,230 --> 00:07:37,160
en as ons dit gedoen het met # wat in plaas van 'n paar ID,

137
00:07:37,160 --> 00:07:42,920
sou dit net weer 'n skikking wat 'n enkele element en dit is dat element van die bladsy.

138
00:07:42,920 --> 00:07:45,490
Ons kan ook kombineer keurders op hierdie manier deur met

139
00:07:45,490 --> 00:07:48,260
net kies dinge met ID's wat divs.

140
00:07:48,260 --> 00:07:51,810
So ja. Net kies divs dat daardie ID.

141
00:07:51,810 --> 00:07:55,260
Vir die klas gebruik jy net 'n dot, dit is dieselfde ding as CSS.

142
00:07:55,260 --> 00:07:57,500
Afstammeling werk ook, so as jy 'n klas

143
00:07:57,500 --> 00:08:00,170
en dit het nes elemente binne dit - so, byvoorbeeld,

144
00:08:00,170 --> 00:08:03,260
daar is 'n paar klas en dit het 'n anker tag om te skakel na 'n ander bladsy,

145
00:08:03,260 --> 00:08:08,510
jy kan hierdie sintaksis gebruik om die skakel te haal.

146
00:08:08,510 --> 00:08:12,420
Jy kan ook kies verskeie dinge op een slag, net skei dit met kommas,

147
00:08:12,420 --> 00:08:17,360
gebruik om enige selector jy wil, en jy sal kies almal van hulle in 'n keer, in 'n enkele skikking.

148
00:08:17,360 --> 00:08:19,650
En dan is daar ook die nie selector, sodat jy kan kies al divs

149
00:08:19,650 --> 00:08:24,210
wat nie 'n spesifieke klas.

150
00:08:24,210 --> 00:08:28,790
En dit is net 'n nuttige manier om 'n inleiding tot hoe hierdie seleksie werk.

151
00:08:28,790 --> 00:08:32,270
Ek sal jou wys 'n paar konkrete voorbeelde in 'n sekonde.

152
00:08:32,270 --> 00:08:35,480
>> Gevorderde keurders is - dit is net 'n paar voorbeelde.

153
00:08:35,480 --> 00:08:38,840
Daar is dosyne van hierdie, maar as jy wil al die beeld tags te kies

154
00:08:38,840 --> 00:08:42,799
binne 'n paar element, dan kan jy net doen: image.

155
00:08:42,799 --> 00:08:45,340
As jy wil hê dat die ewe elemente te kies, byvoorbeeld, indien daar is 20 van hulle,

156
00:08:45,340 --> 00:08:48,290
jy wil 0, 2, 4, 6 en so aan om te kies,

157
00:08:48,290 --> 00:08:51,630
jy doen: selfs, of jy kan dit ook doen: vreemd.

158
00:08:51,630 --> 00:08:55,470
Dit is pseudo-keurders, wat beteken dat hulle eintlik bereken

159
00:08:55,470 --> 00:09:00,960
elke ander element eerder as om net te gaan en die kies van almal van hulle.

160
00:09:00,960 --> 00:09:05,510
Jy kan ook - elke element kan ook spesifieke eienskappe.

161
00:09:05,510 --> 00:09:10,580
So, byvoorbeeld, klas = sentrum is ook 'n kenmerk.

162
00:09:10,580 --> 00:09:16,500
Vir hierdie ankertag, href, hiperteks verwysing, is 'n kenmerk ook.

163
00:09:16,500 --> 00:09:21,150
So jy kan kies iets wat skakels na 'n spesifieke bladsy of net - dit is werklik die algemeen.

164
00:09:21,150 --> 00:09:25,410
Jy kan kies om enigiets met 'n kenmerk wat jy wil.

165
00:09:25,410 --> 00:09:27,470
En dan is ook die eienskap bevat.

166
00:09:27,470 --> 00:09:30,420
As jy, byvoorbeeld, wou al die insette elemente te kies

167
00:09:30,420 --> 00:09:32,700
wat die woord "pass", soos die naam van hulle,

168
00:09:32,700 --> 00:09:37,560
Indien 'n bladsy 'n intree teks blok

169
00:09:37,560 --> 00:09:41,050
Dit is genoem "wagwoord", wat sou 'n manier wat jy kan kies wat wees.

170
00:09:41,050 --> 00:09:43,020
En daar is nog baie meer. Jy kan voort te gaan en kyk na die dokumentasie

171
00:09:43,020 --> 00:09:46,950
en kyk spesifieke voorbeelde van hoe dit werk.

172
00:09:46,950 --> 00:09:48,840
>> Die volgende ding is DOM manipulasie.

173
00:09:48,840 --> 00:09:52,500
Nadat ons kies elemente, sal ons wil eintlik doen dinge saam met hulle.

174
00:09:52,500 --> 00:09:55,500
Tot dusver het ons nie gekyk dat almal, maar as jy kyk na die dokumentasie,

175
00:09:55,500 --> 00:09:57,950
daar is regtig 'n baie wat ons kan doen.

176
00:09:57,950 --> 00:10:02,900
Op hierdie punt, ons gaan elemente op hierdie aanbieding te kies

177
00:10:02,900 --> 00:10:04,890
en manipuleer hulle met behulp van jQuery.

178
00:10:04,890 --> 00:10:08,290
Want dit is geïmplementeer met behulp van jQuery, ons het toegang tot die jQuery biblioteek,

179
00:10:08,290 --> 00:10:13,580
en ons kan gebruik om daardie funksies binne hierdie kode.

180
00:10:13,580 --> 00:10:16,200
Een nuttige ding wat jy dalk nie weet oor die konsole.

181
00:10:16,200 --> 00:10:19,340
En Google Chrome is wat ek gebruik. Jy kan druk alt opdrag J

182
00:10:19,340 --> 00:10:21,720
of alt beheer J die konsole te open.

183
00:10:21,720 --> 00:10:26,130
In Firefox ek dink dit se opdrag verskuiwing K of beheer verskuiwing K.

184
00:10:26,130 --> 00:10:28,880
In Safari jy het om te gaan 'n paar instellings verander.

185
00:10:28,880 --> 00:10:35,460
Daar is 'n skakel as jy wil om dit te doen nie, maar ek raai om Chrome of Firefox.

186
00:10:35,460 --> 00:10:37,750
So laat ons oop te maak die konsole, dit is hier.

187
00:10:37,750 --> 00:10:41,170
Dit laat jou toe om basies te doen net wat jy wil.

188
00:10:41,170 --> 00:10:45,100
Sodat jy kan tik net in 'n veranderlike genaamd x,

189
00:10:45,100 --> 00:10:49,200
x = 5, laat ons sien wat x + 2 is.

190
00:10:49,200 --> 00:10:57,670
Jy kan selfs iets soos CS + Kom ons kyk, x + 45, wat sal wees CS50.

191
00:10:57,670 --> 00:11:00,530
Jy kan nie net doen 'n tipiese JavaScript dinge.

192
00:11:00,530 --> 00:11:02,730
Maar jy kan dit ook doen jQuery in hier.

193
00:11:02,730 --> 00:11:06,200
>> So laat ons kyk na hierdie eerste aspek hier.

194
00:11:06,200 --> 00:11:09,500
Ons gaan 'n veranderlike genoem HTML, wat 'n string te skep.

195
00:11:09,500 --> 00:11:15,890
Dit het 'n paragraaf merker in dit, wat 'n paar nuwe teks genoem.

196
00:11:15,890 --> 00:11:19,420
So ons het hierdie HTML, dit is 'n nuwe teks, in paragraaf tags.

197
00:11:19,420 --> 00:11:21,800
Nou is ons eintlik wil dit toe te voeg aan die bladsy.

198
00:11:21,800 --> 00:11:28,310
Ek het dit opgerig sodat die HTML vir hierdie paragraaf, hierdie titel hier, is append ID.

199
00:11:28,310 --> 00:11:32,320
As ons kies append ID en dan voeg by dit

200
00:11:32,320 --> 00:11:34,560
die HTML veranderlike Ek het net geskep is,

201
00:11:34,560 --> 00:11:40,370
dit sal die HTML voeg aan die einde, net ná hierdie paragraaf tag.

202
00:11:40,370 --> 00:11:43,730
So as ons dit doen - wat ons gekies het hierdie paragraaf,

203
00:11:43,730 --> 00:11:47,590
en ons het genoem die append funksie met die HTML veranderlike Ek het net bygevoeg,

204
00:11:47,590 --> 00:11:50,960
dit sal die nuwe teks reg daar byvoeg op die bladsy.

205
00:11:50,960 --> 00:11:54,970
Ons kan ook plaas jou, wat beteken dat dit sal voor die tyd nie, aan die begin van daardie element.

206
00:11:54,970 --> 00:11:58,290
So is daar 'n paar nuwe teks aan die begin en daarna.

207
00:11:58,290 --> 00:12:01,660
Ek kan voort te gaan en versterk om ontslae te raak van hierdie dinge wat ek nou net gedoen het.

208
00:12:01,660 --> 00:12:05,280
Maar dit is 'n voorbeeld van hoe jy die plaas jou gebruik en voeg metodes

209
00:12:05,280 --> 00:12:08,910
dinge op die bladsy te manipuleer, voeg 'n paar HTML.

210
00:12:08,910 --> 00:12:11,080
>> Jy kan ook klasse.

211
00:12:11,080 --> 00:12:14,970
Terug in hierdie styl lêer, het ek hierdie vir die oorwinning klas

212
00:12:14,970 --> 00:12:19,990
wat teks kleur rooi, 'n agtergrond kleur, en 'n teks skaduwee.

213
00:12:19,990 --> 00:12:23,810
Dit lyk afskuwelik, maar ek kan eintlik -

214
00:12:23,810 --> 00:12:26,410
hierdie paragraaf stem ooreen met die klas ID.

215
00:12:26,410 --> 00:12:29,860
So ek kan byvoeg om die klas vir die oorwinning.

216
00:12:29,860 --> 00:12:31,870
Ek kan voer dit in die troos,

217
00:12:31,870 --> 00:12:35,480
en wat sal verseker dat die klas voeg, en nou lyk dit afskuwelike, as wat verwag is.

218
00:12:35,480 --> 00:12:39,680
Die CSS outomaties kry toegepas op die klasse wat jy -

219
00:12:39,680 --> 00:12:42,680
As daar is CSS vir 'n klas, is dit outomaties kry toegepas

220
00:12:42,680 --> 00:12:44,680
as jy verander die klas van 'n element.

221
00:12:44,680 --> 00:12:49,230
Dan kan ons net verwyder dit met behulp verwyder klas.

222
00:12:49,230 --> 00:12:53,690
So as jy 'n paar gedefinieerde klasse soos rooi of uitgelig,

223
00:12:53,690 --> 00:12:55,990
en dan sal jy wil hê dat die toe te pas elemente,

224
00:12:55,990 --> 00:12:58,230
jy hoef nie al die CSS styling elke keer te doen.

225
00:12:58,230 --> 00:13:01,510
Jy kan voeg net die klas aan 'n element, en dan sal dit outomaties -

226
00:13:01,510 --> 00:13:05,580
dit sal outomaties soek vir die betrokke klas.

227
00:13:05,580 --> 00:13:07,900
Ons kan ook verwyder dinge, so ek gaan al die divs te kies

228
00:13:07,900 --> 00:13:10,830
op die bladsy en verwyder hulle.

229
00:13:10,830 --> 00:13:13,990
Wat is dit gaan lyk?

230
00:13:13,990 --> 00:13:16,170
Dit gaan lyk soos niks nie, so daar is eintlik niks oor nie.

231
00:13:16,170 --> 00:13:18,170
My aanbieding is weg.

232
00:13:18,170 --> 00:13:21,290
Ek kan verfris en bring dit terug, gelukkig,

233
00:13:21,290 --> 00:13:24,420
want dit is net die bestuur van 'n keer,

234
00:13:24,420 --> 00:13:29,460
maar dit is 'n voorbeeld van die verwydering, as jy wil om heeltemal vernietig 'n element van die bladsy af.

235
00:13:29,460 --> 00:13:33,180
>> Jy kan ook oorskryf, en ek gaan al die paragraaf tags te kies op die bladsy

236
00:13:33,180 --> 00:13:36,850
en gaan binne-in hulle en vervang alle teks wat hulle het in hulle

237
00:13:36,850 --> 00:13:39,690
met net die woord "toets."

238
00:13:39,690 --> 00:13:46,520
As jy dit doen, sal jy elke paragraaf te vervang op die bladsy met hierdie toets.

239
00:13:46,520 --> 00:13:49,150
Yep. Hulle is almal vervang met die toets.

240
00:13:49,150 --> 00:13:53,270
So dit is 'n voorbeeld van die toegang tot die teks en vervang dit.

241
00:13:53,270 --> 00:13:57,490
Jy kan ook inligting te bekom, en dit is werklik 'n koel vir die insette bokse.

242
00:13:57,490 --> 00:14:00,470
As jy 'n inset boks wat mense dinge tik in,

243
00:14:00,470 --> 00:14:03,880
mense tik dinge in dit,

244
00:14:03,880 --> 00:14:09,030
Hier het ons kies die insette, enige insette tag met 'n tipe van die teks.

245
00:14:09,030 --> 00:14:13,800
In hierdie geval is, is daar net een insette boks in die hele aanbieding

246
00:14:13,800 --> 00:14:17,260
so ons sal net kies die eerste een, en dan praat ons van die val funksie op dit.

247
00:14:17,260 --> 00:14:19,570
Dit gee die waarde, en vir 'n bydrae boks,

248
00:14:19,570 --> 00:14:24,330
die waarde is net wat gebeur om te wees daarin.

249
00:14:24,330 --> 00:14:31,880
So as ons dit doen, dit gee net die string dinge.

250
00:14:31,880 --> 00:14:36,860
En as ons noem dit weer na die skryf van meer dinge, dit blyk in meer dinge.

251
00:14:36,860 --> 00:14:40,760
Dit is 'n goeie manier elemente van 'n inset boks om toegang te verkry, en dan kyk,

252
00:14:40,760 --> 00:14:45,060
is dit 'n geldige e-pos adres, is dit 'n geldige datum, byvoorbeeld.

253
00:14:45,060 --> 00:14:49,600
Jy kan nie net haal dinge onmiddellik as mense tik,

254
00:14:49,600 --> 00:14:54,830
en dan kyk of dit geldig is, stuur dit terug na 'n bediener, enigiets doen wat jy wil met dit.

255
00:14:54,830 --> 00:14:57,720
En dit is hoe jy toegang tot dit wat binne die bokse.

256
00:14:57,720 --> 00:15:00,090
>> Jy kan ook CSS direk aan te pas, so in plaas van die toevoeging van

257
00:15:00,090 --> 00:15:02,510
'n klas wat 'n paar gedefinieerde eienskappe,

258
00:15:02,510 --> 00:15:08,120
jy kan net byvoeg wat CSS jy wil nie.

259
00:15:08,120 --> 00:15:10,350
So laat kies liggaam, wat die hele aanbieding,

260
00:15:10,350 --> 00:15:14,370
en die kleur is die eiendom wat bepaal wat die kleure van die teks is.

261
00:15:14,370 --> 00:15:19,420
As ons dit verander na rooi, sal al die teks in die bladsy te draai na rooi.

262
00:15:19,420 --> 00:15:26,310
Ons kan so iets doen agtergrond blou,

263
00:15:26,310 --> 00:15:30,680
Daar het ons gaan nie, dit is pragtig.

264
00:15:30,680 --> 00:15:33,840
Jy kan enigiets doen wat jy wil met hierdie.

265
00:15:33,840 --> 00:15:39,250
Die gebruik van die CSS eiendom, kan jy regtig verander hoe iets lyk op enige tyd.

266
00:15:39,250 --> 00:15:41,630
Die volgende ding is effekte.

267
00:15:41,630 --> 00:15:45,710
Effekte is basies dieselfde as die wysiging van die CSS,

268
00:15:45,710 --> 00:15:48,870
maar hulle eintlik bied 'n paar ekstra animasie om dit te.

269
00:15:48,870 --> 00:15:53,380
So in plaas van net vertoon of steek iets of die verandering van die kleur,

270
00:15:53,380 --> 00:15:56,130
jy kan eintlik maak dit geanimeerde.

271
00:15:56,130 --> 00:16:00,760
Hier is die dokumentasie, as jy 'n blik op die uitgebreide dokumentasie vir dit.

272
00:16:00,760 --> 00:16:04,760
Maar ek gaan die belangrikste is om te dek.

273
00:16:04,760 --> 00:16:12,030
Daar is op die show en verberg eienskappe.

274
00:16:12,030 --> 00:16:14,510
Wys / verberg ID eintlik stem ooreen met hierdie hele boks,

275
00:16:14,510 --> 00:16:18,190
so as ek dit wegsteek, sal dit net verdwyn.

276
00:16:18,190 --> 00:16:24,210
En ek kan sien dit weer as ek wil om dit terug te kom.

277
00:16:24,210 --> 00:16:26,340
En dit is terug. Dit het eintlik nie verdwyn nie,

278
00:16:26,340 --> 00:16:30,670
Ek het eintlik nie verwyder dit van die bladsy, ek het net soos die CSS eiendom van sigbaarheid te versteek

279
00:16:30,670 --> 00:16:34,030
sodat jy kan nie sien dat dit nie meer nie.

280
00:16:34,030 --> 00:16:39,250
Daar is ook gly op en gly; wat u toelaat om hierdie effek te hê.

281
00:16:39,250 --> 00:16:47,050
Dit gly up om te verdwyn, en nadat dit verdwyn

282
00:16:47,050 --> 00:16:53,210
jy kan gly dit af te maak dit terug te kom. En nou is dit terug.

283
00:16:53,210 --> 00:16:57,650
Daar is ook hierdie vervaag effek, wat - vervaag ID ooreenstem met die boks.

284
00:16:57,650 --> 00:17:01,200
As ek vervaag dit uit, dan sal dit stadig verdwyn.

285
00:17:01,200 --> 00:17:04,490
Ek kan ook vervaag dit in, en dit sal terug kom.

286
00:17:04,490 --> 00:17:08,930
Jy kan ook vervaag na, wat spesifiek vir die vervaag funksie.

287
00:17:08,930 --> 00:17:12,589
Jy kan dit vervaag tot 'n spesifieke dekking wat jy wil.

288
00:17:12,589 --> 00:17:16,869
So as jy vervaag dit stadig tot 0,5, sal dit 'n halwe sigbaar.

289
00:17:16,869 --> 00:17:22,630
Ek kan dit na 0,1, en terug na 1 te maak dit ten volle weer sigbaar.

290
00:17:22,630 --> 00:17:24,760
Dit is net nog 'n animasie wat jy kan doen.

291
00:17:24,760 --> 00:17:26,750
>> Daar is ook die skakel-effekte.

292
00:17:26,750 --> 00:17:33,410
So ek gaan die skakel ID, wat ooreenstem met die boks te kies,

293
00:17:33,410 --> 00:17:38,970
en op daardie div jy kan bel skakel, as dit is sigbaar sal dit raak onsigbare,

294
00:17:38,970 --> 00:17:42,320
As dit is onsigbare sal dit weer sigbaar.

295
00:17:42,320 --> 00:17:44,440
So het ek net noem hierdie skakel funksie twee keer, die eerste een was

296
00:17:44,440 --> 00:17:48,380
dieselfde as die vel, die tweede oproep is dieselfde ding as 'n show.

297
00:17:48,380 --> 00:17:53,510
En jy kan dit ook doen met 'n vervaag skakel,

298
00:17:53,510 --> 00:17:55,730
wat nie dieselfde ding nie, behalwe dit eintlik vervaag.

299
00:17:55,730 --> 00:17:59,410
En dieselfde ding met die skyfie skakel.

300
00:17:59,410 --> 00:18:01,460
Daar is vasgeketting effekte so goed, wat beteken

301
00:18:01,460 --> 00:18:05,520
as jy kies 'n element en net noem 'n klomp van die animasie metodes op dit,

302
00:18:05,520 --> 00:18:07,400
As jy wil om dit te vervaag, dan gly,

303
00:18:07,400 --> 00:18:11,040
en dan weg te steek en dan vervaag in, sal dit doen in 'n ry.

304
00:18:11,040 --> 00:18:24,920
So verdwyn, kom terug - vir een of ander rede, die vel het nie gebeur nie.

305
00:18:24,920 --> 00:18:30,030
Kom ons probeer om dit uit. Ja, so is dit vervaag uit en dan is dit gly weg.

306
00:18:30,030 --> 00:18:32,230
En daar is nog baie meer. Jy kan gebruik om die lewende funksie

307
00:18:32,230 --> 00:18:35,370
jou eie animasies te skep, wat redelik kompleks,

308
00:18:35,370 --> 00:18:38,790
maar dit bied jou met 'n oneindige rekbaarheid.

309
00:18:38,790 --> 00:18:40,630
Jy kan enige vorm van animasie jy wil.

310
00:18:40,630 --> 00:18:44,230
Jy kan ook gebruik om tou te ry staan ​​verskeie animasies op 'n tyd.

311
00:18:44,230 --> 00:18:47,340
So as jy wil iets om te vlieg oor die bladsy,

312
00:18:47,340 --> 00:18:49,860
skyfie uit die top reg aan die onderkant links, kan jy dit doen,

313
00:18:49,860 --> 00:18:55,240
en net 'n klomp van die optrede gaan die een na die ander.

314
00:18:55,240 --> 00:18:57,490
>> Die volgende ding wat ons gaan om te praat nie, is gebeure.

315
00:18:57,490 --> 00:19:02,090
Gebeure toelaat om - so ver, ons het net tik dinge in die konsole

316
00:19:02,090 --> 00:19:04,870
en dit is een manier om dit te laat gebeur,

317
00:19:04,870 --> 00:19:08,020
maar op 'n werklike bladsy, jy gaan nie in staat wees om

318
00:19:08,020 --> 00:19:10,020
maak die gebruiker soort dinge in die konsole.

319
00:19:10,020 --> 00:19:12,050
Jy wil dinge vanself gebeur nie.

320
00:19:12,050 --> 00:19:18,060
Vir wat, jy hoef gebeure wat aktiveer op 'n sekere gebeurtenis gebeur om te gebruik.

321
00:19:18,060 --> 00:19:21,340
Jy kan kyk om die dokumentasie vir die volledige besonderhede.

322
00:19:21,340 --> 00:19:24,030
So laat ons sien. Ons wil hê om weg te steek of te wys die boks,

323
00:19:24,030 --> 00:19:29,340
maar nou hierdie knoppie dit nie doen nie, want ek het dit nie te implementeer nie.

324
00:19:29,340 --> 00:19:35,420
Ek gaan om te gaan na die werklike HTML bladsy.

325
00:19:35,420 --> 00:19:38,560
Hier is die skyfie. Daar is 'n div vir die skyfie.

326
00:19:38,560 --> 00:19:41,230
Dit het die klas van gly.

327
00:19:41,230 --> 00:19:46,890
Daar is die teks. Nou, daar is dié boks en die boks knoppie.

328
00:19:46,890 --> 00:19:52,900
Hoe sou ons eintlik maak dit verdwyn?

329
00:19:52,900 --> 00:19:58,250
Eerste van alles, laat ons skryf 'n funksie wat maak die boks ID verdwyn.

330
00:19:58,250 --> 00:20:01,820
Dit is die sintaksis vir funksie voor, kom ons noem dit net hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Dit neem nie enige argumente, want daar is geen argumente wat geneem moet word.

332
00:20:06,130 --> 00:20:08,950
Ons kan kies die boks ID.

333
00:20:08,950 --> 00:20:15,020
So gebruik die jQuery kies, kan ons kies box ID,

334
00:20:15,020 --> 00:20:17,700
en dan maak dit net verdwyn.

335
00:20:17,700 --> 00:20:20,690
Kom ons maak dit vervaag.

336
00:20:20,690 --> 00:20:27,390
Indien ons hierdie funksie in die werklike troos,

337
00:20:27,390 --> 00:20:33,380
Ons kan hierdie funksie definieer; ons kan noem hideTheBox, en dit werk.

338
00:20:33,380 --> 00:20:36,650
Maar ons wil dit gebeur wanneer die knoppie eintlik gedruk.

339
00:20:36,650 --> 00:20:40,950
Om dit te doen, het ons 'n geleentheid om te gebruik.

340
00:20:40,950 --> 00:20:45,500
'N geleentheid om te bind aan 'n spesifieke knoppie of 'n aksie gebeur,

341
00:20:45,500 --> 00:20:50,040
ons het die element wat die geval sal sneller te kies -

342
00:20:50,040 --> 00:20:52,650
of wat die geval aktiveer, jammer.

343
00:20:52,650 --> 00:20:57,220
>> So eerste van alles, laat ons kies die boks knoppie ID

344
00:20:57,220 --> 00:20:59,610
want dit is die knoppie, en nou, vir die knoppie,

345
00:20:59,610 --> 00:21:02,750
Ons wil 'n animasie te skep wanneer dit gebruik.

346
00:21:02,750 --> 00:21:05,040
So is daar hierdie kliek funksie.

347
00:21:05,040 --> 00:21:08,470
Dit laat jou toe om 'n ander funksie om dit te bind.

348
00:21:08,470 --> 00:21:12,320
Hierdie funksie neem 'n ander funksie as 'n argument

349
00:21:12,320 --> 00:21:14,310
ons kan slaag in die hideTheBox funksie,

350
00:21:14,310 --> 00:21:20,950
en wanneer hierdie knoppie gekliek word, daardie funksie sal outomaties voer.

351
00:21:20,950 --> 00:21:24,850
So dit sal werk as ons red nie, ek sal verfris,

352
00:21:24,850 --> 00:21:33,460
en - 'n sekonde, ek is jammer.

353
00:21:33,460 --> 00:21:44,770
Laat my los dit regtig vinnig.

354
00:21:44,770 --> 00:21:50,680
Okay. Daar gaan ons. So nou die boks is verdwyn wanneer ons op die knoppie klik.

355
00:21:50,680 --> 00:21:55,470
Ons kan ook verander om dit te net fadeToggle,

356
00:21:55,470 --> 00:22:00,020
verander dit net om weg te steek of te wys die boks,

357
00:22:00,020 --> 00:22:03,850
en dit sal ook te werk, as ons verfris.

358
00:22:03,850 --> 00:22:08,550
Ons kan dit weg te steek, kan ons ook wys, en dat ons sal voortgaan om te werk.

359
00:22:08,550 --> 00:22:12,210
Nog 'n ding wat ons kan doen is, het ons nie eintlik hierdie hideTheBox funksie te definieer

360
00:22:12,210 --> 00:22:15,050
voordat ons die klik-funksie.

361
00:22:15,050 --> 00:22:17,640
So in plaas van die definisie van die funksie en roeping hideTheBox,

362
00:22:17,640 --> 00:22:20,310
ons net gaan om dit te noem as hierdie woord word gebruik.

363
00:22:20,310 --> 00:22:22,310
So kan ons dit definieer anoniem in hier,

364
00:22:22,310 --> 00:22:25,070
Dit is 'n funksie wat JavaScript het.

365
00:22:25,070 --> 00:22:29,720
Jy kan 'n funksie te definieer; gewoonlik, sou ons funksie hideTheBox sê

366
00:22:29,720 --> 00:22:34,490
met argumente, maar in plaas daarvan, kan ons net sê funksioneer geen argumente,

367
00:22:34,490 --> 00:22:36,870
begin met die krullerige stut die funksie te definieer,

368
00:22:36,870 --> 00:22:40,780
naby dat krullerige stut, en dan net definieer die funksie in hier,

369
00:22:40,780 --> 00:22:45,130
binne die eerste hakies en die laaste hakies

370
00:22:45,130 --> 00:22:47,860
wat ooreenstem met die argumente van die klik-funksie.

371
00:22:47,860 --> 00:22:53,320
So ons is verby in hierdie funksie, kan ons hierdie reël van die kode hier kopieer,

372
00:22:53,320 --> 00:22:55,450
en wat sal doen presies dieselfde ding.

373
00:22:55,450 --> 00:22:57,290
En nou het ons nie hierdie ewekansige fadeTheBox funksie

374
00:22:57,290 --> 00:22:59,960
wat rondsit vir geen oënskynlike rede.

375
00:22:59,960 --> 00:23:02,070
Die funksie is gedefinieer anoniem, beteken dit nie 'n naam.

376
00:23:02,070 --> 00:23:08,060
Dit sal nie net uit te voer wanneer ons kliek op die blokkie knoppie.

377
00:23:08,060 --> 00:23:12,180
So verfrissende een maal, een keer, en jy kan sien dat dit nog steeds werk.

378
00:23:12,180 --> 00:23:16,700
En dit is hoe jy skep geleenthede.

379
00:23:16,700 --> 00:23:19,190
>> Daar is 'n baie verskillende gebeure wat ons kan gebruik.

380
00:23:19,190 --> 00:23:23,540
Ek gaan om terug te skakel na die gebruik van die konsole om net te wys hoe om hierdie werk.

381
00:23:23,540 --> 00:23:28,210
Die ID's vir elk van hierdie ooreenstem met elke boks.

382
00:23:28,210 --> 00:23:33,020
So hierdie boks is kliek ID, hierdie een is die sleutel ID, en hierdie een is die muis ID.

383
00:23:33,020 --> 00:23:36,120
Nog 'n ding is dat daar hierdie aksie funksie eerder as om te tik dit uit elke keer,

384
00:23:36,120 --> 00:23:41,610
Ek het eintlik gegaan en gedefinieer hierdie aksie funksie hier.

385
00:23:41,610 --> 00:23:46,860
Dit doen dieselfde ding as die hideTheBox funksie.

386
00:23:46,860 --> 00:23:51,340
Dit raak hierdie boks en óf vervaag dit uit of vervaag dit in

387
00:23:51,340 --> 00:23:54,110
En dit is hoekom ons in staat is om dit hier te gebruik.

388
00:23:54,110 --> 00:24:00,350
So as ons op hierdie kliek ID, ons wil maak die boks verdwyn of weer verskyn.

389
00:24:00,350 --> 00:24:03,610
Dit is dieselfde ding as die knoppie wat ons gehad het in die laaste skuif.

390
00:24:03,610 --> 00:24:07,450
En nadat ons noem dit, kan ons op hierdie en die boks sal verdwyn,

391
00:24:07,450 --> 00:24:10,160
kliek dan op dit weer en die boks sal terugkom.

392
00:24:10,160 --> 00:24:12,480
Dit is redelik eenvoudig. Dubbel kliek nie dieselfde ding,

393
00:24:12,480 --> 00:24:15,660
behalwe dit verg 'n dubbel kliek.

394
00:24:15,660 --> 00:24:19,030
So, as jy klik op dit vir eens en klik op dit weer niks sal gebeur nie,

395
00:24:19,030 --> 00:24:21,140
Maar as jy vinnig dubbel kliek, sal dit verdwyn.

396
00:24:21,140 --> 00:24:23,310
As jy dubbel kliek weer, sal dit terug te kom.

397
00:24:23,310 --> 00:24:25,250
So dit is redelik eenvoudig.

398
00:24:25,250 --> 00:24:31,170
Sleutelbord insette is nogal vreemd, ek dink nie dat dit eintlik werk in hierdie voorbeeld

399
00:24:31,170 --> 00:24:37,670
omdat die sleutel af, sleutel en die sleutel pers en ander belangrike stappe

400
00:24:37,670 --> 00:24:47,190
aktiveer nie saak wat element bind jou om dit te.

401
00:24:47,190 --> 00:24:51,410
Byvoorbeeld, selfs as ek gebind sleutel tot liggaam of iets anders heeltemal,

402
00:24:51,410 --> 00:24:55,950
dan sou dit nog steeds aktiveer maak nie saak nie - dit is nie spesifiek.

403
00:24:55,950 --> 00:25:00,190
Ek het nie te klik op dit en druk 'n sleutel om enigiets verdwyn.

404
00:25:00,190 --> 00:25:04,470
Dit sou, ongeag van wat element Ek is tans in geaktiveer

405
00:25:04,470 --> 00:25:06,880
So hierdie nie eintlik nie werk nie in hierdie voorbeeld

406
00:25:06,880 --> 00:25:13,180
omdat dit nie my herken as die aangaan insette in die sleutelbordinsetkeuses DIV.

407
00:25:13,180 --> 00:25:15,740
>> Maar as jy kyk na die muis na die gebeure,

408
00:25:15,740 --> 00:25:19,620
Die eerste een is hang, en dit kan 'n paar van hierdie gebruik van CSS.

409
00:25:19,620 --> 00:25:24,280
As jy gebruik CSS, kan jy dit so dat as jy hover oor iets,

410
00:25:24,280 --> 00:25:28,940
dan is sy styl verander.

411
00:25:28,940 --> 00:25:32,170
Maar met behulp van jQuery kan jy die style van die ander dinge as goed.

412
00:25:32,170 --> 00:25:37,120
So, byvoorbeeld, gaan ons aksie te roep as ons sweef oor hierdie DIV.

413
00:25:37,120 --> 00:25:39,660
Dit beteken dat as ons muis oor dit, dan is die boks sal verdwyn.

414
00:25:39,660 --> 00:25:42,430
As ons weg te beweeg van dit, sal die boks weer verskyn.

415
00:25:42,430 --> 00:25:45,090
As ons noem dit en muis oor dit, het die dosie verdwyn,

416
00:25:45,090 --> 00:25:47,050
en so gou as ons weg te beweeg, kom dit terug.

417
00:25:47,050 --> 00:25:49,750
As ons noem dit hover funksie op die muis ID,

418
00:25:49,750 --> 00:25:54,380
wat ooreenstem met die boks, dan as ons sweef oor die boks,

419
00:25:54,380 --> 00:26:00,440
dan die boks sal eintlik verdwyn - dit is wat funky nou nie, maar -

420
00:26:00,440 --> 00:26:06,310
as ons weg te beweeg van dit, sal dit weer verskyn. Nou is dit terug vir een of ander rede.

421
00:26:06,310 --> 00:26:12,720
Die muis betree en muis beweeg funksies is ietwat soortgelyke, maar effens anders.

422
00:26:12,720 --> 00:26:16,470
Muis tik net aktiveer wanneer die muis gaan die boks, as wat verwag is.

423
00:26:16,470 --> 00:26:19,210
So as jy beweeg in dit, sal dit verdwyn.

424
00:26:19,210 --> 00:26:23,210
Maar dit sal nie weer verskyn wanneer jy beweeg weg; jy het om terug te beweeg op dit, want dit om terug te kom.

425
00:26:23,210 --> 00:26:25,590
Daar is ook die muis beweeg funksie, wat aktiveer

426
00:26:25,590 --> 00:26:29,300
wanneer die muis is selfs teenwoordig in die boks.

427
00:26:29,300 --> 00:26:32,430
So dit sal net aanhou, vervaag in en uit.

428
00:26:32,430 --> 00:26:35,660
En dit is eintlik te meld nie - dit lyk soos dit is net vervaag in en uit,

429
00:26:35,660 --> 00:26:39,140
maar dit is eintlik te meld 'n baie meer stappe as dit nie,

430
00:26:39,140 --> 00:26:43,550
So wanneer jy weg beweeg sal dit hou net gaan, want dit aangemeld soos 'n duisend van hulle.

431
00:26:43,550 --> 00:26:46,620
Miskien nie 'n duisend. Miskien vyf.

432
00:26:46,620 --> 00:26:50,200
Dit meld meer as dit.

433
00:26:50,200 --> 00:26:53,280
Die punt is, al die muis na die gebeure, is daar 'n klomp van hulle.

434
00:26:53,280 --> 00:26:55,480
Jy kan lees oor die ander mense, maar hulle is almal effens anders,

435
00:26:55,480 --> 00:26:57,700
en jy kan kies watter een jy nodig

436
00:26:57,700 --> 00:27:02,130
vir watter spesifieke doel wat jy probeer om te doen.

437
00:27:02,130 --> 00:27:05,060
>> Die volgende ding wat ek gaan om te praat nie, is Ajax.

438
00:27:05,060 --> 00:27:09,340
AJAX, ek weet ons het nie dek JavaScript in soveel diepte van hierdie jaar,

439
00:27:09,340 --> 00:27:11,770
so ek is net gaan om te praat oor Ajax in die algemeen vir 'n minuut.

440
00:27:11,770 --> 00:27:15,210
AJAX staan ​​vir Asynchronous JavaScript en XML.

441
00:27:15,210 --> 00:27:19,030
Dit is basies, byvoorbeeld, wanneer jy op Facebook en dit stoot jy 'n kennisgewing,

442
00:27:19,030 --> 00:27:23,060
dit is omdat AJAX loop op jou webblaaier.

443
00:27:23,060 --> 00:27:25,800
Elke paar sekondes jou webblaaier eintlik

444
00:27:25,800 --> 00:27:29,420
gaan na Facebook se bedieners, vra hulle, het jy iets nuuts vir my,

445
00:27:29,420 --> 00:27:31,980
en dan kom dit terug na jou.

446
00:27:31,980 --> 00:27:36,320
Dit laat jou versoeke te stuur na 'n bediener

447
00:27:36,320 --> 00:27:38,660
om sonder om die bladsy te laai.

448
00:27:38,660 --> 00:27:42,040
So normaalweg, as jy net met behulp van PHP en 'n databasis,

449
00:27:42,040 --> 00:27:45,480
jy het die bladsy te verfris voordat jy nuwe inligting kan kry van die bediener.

450
00:27:45,480 --> 00:27:48,770
Maar met behulp van AJAX, kan jy trek vir die nuwe inligting voortdurend,

451
00:27:48,770 --> 00:27:52,250
of trek vir dit wanneer jy op 'n knoppie of iets soos dit.

452
00:27:52,250 --> 00:27:56,140
So dit laat ons versoeke te stuur sonder herlaai die bladsy

453
00:27:56,140 --> 00:27:58,130
en ons kan gebruik om óf kry of POS versoeke.

454
00:27:58,130 --> 00:28:05,370
>> GET versoeke is, byvoorbeeld, as jy aan te Google.com

455
00:28:05,370 --> 00:28:10,900
en doen q = toets. Dit is vir hulle 'n navraag toets.

456
00:28:10,900 --> 00:28:15,890
En dit is 'n GET-versoek, want dit is verby in die parameters in die URL self.

457
00:28:15,890 --> 00:28:19,250
'N Post versoek is asof jy stuur hulle deur die pos.

458
00:28:19,250 --> 00:28:22,500
Dit is soos jy dit gestel het in 'n brief en stuur dit af aan hulle,

459
00:28:22,500 --> 00:28:25,140
maar hulle het nie eintlik sien die inhoud. Hulle is nie sigbaar in die URL.

460
00:28:25,140 --> 00:28:31,040
Jy kan nie direk tik dit in, jy het om dit te byna geheim stuur.

461
00:28:31,040 --> 00:28:33,880
Dit is in 'n post.

462
00:28:33,880 --> 00:28:38,660
Maar met behulp van jQuery, kan jy kry en versoeke POS

463
00:28:38,660 --> 00:28:42,740
baie makliker as wat jy normaalweg sou gebruik net plain JavaScript.

464
00:28:42,740 --> 00:28:50,140
U kan navraag APIs gebruik versoeke, en jy kan ook gaan vir login inligting.

465
00:28:50,140 --> 00:28:54,400
Op die volgende bladsy, Ek het hierdie, wat vra, "Wat is vir middagete?"

466
00:28:54,400 --> 00:28:58,230
gebruik van die Harvard kos API, so laat dat tot trek.

467
00:28:58,230 --> 00:29:01,840
Dit is net 'n voorbeeld van hoe jy kan gebruik jQuery 'n GET-versoek te doen om 'n API

468
00:29:01,840 --> 00:29:04,200
en kry inligting van dit.

469
00:29:04,200 --> 00:29:07,090
So wil ons die spyskaart te sien vir vandag,

470
00:29:07,090 --> 00:29:10,560
en ons wil om te sien wat vir middagete.

471
00:29:10,560 --> 00:29:16,500
Hier is die URL n GET-versoek in jQuery te skep.

472
00:29:16,500 --> 00:29:18,600
jy gebruik om die $. kry funksie.

473
00:29:18,600 --> 00:29:22,290
Die eerste argument is die URL, so presies wat jy bevraagteken.

474
00:29:22,290 --> 00:29:27,200
Toe het die volgende argument is 'n funksie wat voer wanneer die AOO-versoek is voltooi.

475
00:29:27,200 --> 00:29:29,980
So jy stuur af 'n paar versoek aan die bediener, wag vir dit om terug te kom.

476
00:29:29,980 --> 00:29:33,770
Wanneer dit terug kom nie, jy gaan 'n paar aksie te neem met die data wat terug van die bediener.

477
00:29:33,770 --> 00:29:37,520
Kom ons gaan voort en kode Hierdie as well.

478
00:29:37,520 --> 00:29:42,110
Ek het nie kode Hierdie óf, met 'n doel.

479
00:29:42,110 --> 00:29:46,660
Hier is die TODO. Eerste van alles, laat ons gebruik die geleentheid bindend

480
00:29:46,660 --> 00:29:50,820
sodat wanneer die knoppie gedruk word, stuur ons af 'n GET-versoek.

481
00:29:50,820 --> 00:29:53,410
En toe wat kry versoek terug met 'n paar data,

482
00:29:53,410 --> 00:29:57,290
ons gaan om dit te skryf in hierdie maaltyd info ID DIV.

483
00:29:57,290 --> 00:30:02,860
Eerste van alles, laat ons kies die kos knoppie ID.

484
00:30:02,860 --> 00:30:07,320
Wanneer dit gebruik het, het ons dit wil hê om iets te doen.

485
00:30:07,320 --> 00:30:11,930
Kom ons maak dit 'n anonieme fuction, soos voorheen.

486
00:30:11,930 --> 00:30:15,550
Kan toedraai diegene krulhakies,

487
00:30:15,550 --> 00:30:18,530
en wanneer dit gedruk word, ons wil 'n AOO-versoek te stuur

488
00:30:18,530 --> 00:30:20,750
om te kyk wat is vir middagete.

489
00:30:20,750 --> 00:30:24,970
Om dit te doen, ons kan net tik in $. Kry.

490
00:30:24,970 --> 00:30:28,850
Dit is 'n jQuery funksie, met behulp van die dollar teken.

491
00:30:28,850 --> 00:30:31,430
Dit neem 'n paar van die argumente. Die eerste een is die URL,

492
00:30:31,430 --> 00:30:34,450
die tweede een is die callback funksie, die funksie wat genoem

493
00:30:34,450 --> 00:30:37,740
wanneer dit versoek eintlik terugkeer.

494
00:30:37,740 --> 00:30:39,890
Kom ons bou die URL eerste.

495
00:30:39,890 --> 00:30:44,650
Ons kan dit kry van die API wat Dawid geskryf het.

496
00:30:44,650 --> 00:30:51,360
Gaan hier, kan ons sien dat dit food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
en dan sal jy net slaag in die name van die parameters wat jy wil.

498
00:30:54,140 --> 00:30:57,760
So parameter 1 is waarde 1.

499
00:30:57,760 --> 00:31:00,910
Dit lyk soos 'n standaard datum, begin datum, verstek na vandag

500
00:31:00,910 --> 00:31:03,110
as jy nie doen nie, en die einde datum ook gebreke

501
00:31:03,910 --> 00:31:05,930
vandag as jy nie ingaan nie.

502
00:31:05,930 --> 00:31:10,790
Dit is wat ons wil hê. Ons wil net die inligting vir vandag.

503
00:31:10,790 --> 00:31:12,950
>> Ons wil hê dat die formaat te wees in into.

504
00:31:12,950 --> 00:31:15,570
Dit is net arbitrêre, jy kan enige vorm wat jy wil gebruik.

505
00:31:15,570 --> 00:31:18,950
Jy kan gebruik CSV, maar into is JavaScript Object notasie.

506
00:31:18,950 --> 00:31:24,150
Dit is baie maklik vir JavaScript om te verstaan ​​wat dit beteken,

507
00:31:24,150 --> 00:31:27,110
en ons kan druk dit makliker dat die pad.

508
00:31:27,110 --> 00:31:30,490
So laat ons vra dit in into, en laat se versoek middagete.

509
00:31:30,490 --> 00:31:37,660
So ete = middagete. Net om te skryf dat die URL, gaan ons terug hier.

510
00:31:37,660 --> 00:31:41,290
Daar's. Die eerste parameter is uitset = into

511
00:31:41,290 --> 00:31:44,640
want dit is wat ons wil, en jy skei die parameters met 'n "en."

512
00:31:44,640 --> 00:31:48,940
Die tweede parameter is - ek onthou nie.

513
00:31:48,940 --> 00:31:52,170
Maaltyd. En ons wil ete = middagete.

514
00:31:52,170 --> 00:31:57,390
Jy kan hierdie URL toets deur te tik dit in jou leser en gaan om dit te.

515
00:31:57,390 --> 00:32:03,120
Dit gee jou 'n paar uitset. Dit is net 'n klomp van die dinge wat vir middagete.

516
00:32:03,120 --> 00:32:10,410
Dit is in hierdie lelike formaat. Ons wil om dit te druk op ons bladsy in 'n beter formaat.

517
00:32:10,410 --> 00:32:12,580
So het die URL korrek is, nou het ons net nodig het om 'n funksie te skryf

518
00:32:12,580 --> 00:32:18,300
terug te roep wanneer die versoek suksesvol is.

519
00:32:18,300 --> 00:32:20,430
Hierdie funksie sal eintlik neem om 'n argument. Dit sal data.

520
00:32:20,430 --> 00:32:25,650
Die data is wat kom terug van die AOO-versoek na die AOO versoek gedoen word.

521
00:32:25,650 --> 00:32:28,860
Ons kan dit doen die krulhakies; hier skryf ons die anonieme funksie

522
00:32:28,860 --> 00:32:33,900
wat voer, met behulp van die data wanneer ons die inligting terug.

523
00:32:33,900 --> 00:32:37,840
So data, wanneer ons getik in die URL,

524
00:32:37,840 --> 00:32:41,540
dit is wat die data gaan lyk. Dit gaan hierdie groot string wees.

525
00:32:41,540 --> 00:32:48,610
Maar die goeie ding is, kan JavaScript ontleed dit deur die gebruik van die JSON.parse funksie.

526
00:32:48,610 --> 00:32:54,950
So laat ons 'n nuwe veranderlike genoem parse data.

527
00:32:54,950 --> 00:32:57,060
En parse data is 'n verskeidenheid van voorwerpe.

528
00:32:57,060 --> 00:33:04,200
Elke voorwerp bevat inligting soos - goed, kom ons neem 'n blik.

529
00:33:04,200 --> 00:33:08,980
Dit het 'n datum, 'n ete, kategorie, resep, al hierdie ander dinge.

530
00:33:08,980 --> 00:33:10,860
So laat ons net die druk van die naam vir elkeen.

531
00:33:10,860 --> 00:33:13,790
Kom ons Itereer oor die hele spektrum van dinge wat ons terug te kry uit dit,

532
00:33:13,790 --> 00:33:17,570
en net uit te druk elke een - die druk van die naam van elkeen.

533
00:33:17,570 --> 00:33:22,670
Dit is 'n lus vir.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript het hierdie nuttige sintaksis waar jy kan 'n veranderlike en loop oor 'n skikking te skep,

535
00:33:26,030 --> 00:33:30,150
en var i is net die Iterator, so in plaas van om var i = 0 te doen,

536
00:33:30,150 --> 00:33:40,290
Ek was minder as die lengte, i + +, kan jy net doen var i in ontleed data.

537
00:33:40,290 --> 00:33:47,060
In hierdie voorbeeld, sal ontleed data (i) stem ooreen met die huidige element

538
00:33:47,060 --> 00:33:49,850
van die skikking, die werklike voorwerp.

539
00:33:49,850 --> 00:33:51,720
En ons wil die naam te kry uit dit uit.

540
00:33:51,720 --> 00:33:54,170
So laat ons net naam.

541
00:33:54,170 --> 00:33:57,000
En die laaste ding is, gaan ons 'n paar jQuery te weer.

542
00:33:57,000 --> 00:34:02,660
Eintlik voeg dit by die DIV, hierdie maaltyd inligting div dit is tans leeg.

543
00:34:02,660 --> 00:34:05,430
So laat kies nie.

544
00:34:05,430 --> 00:34:13,870
Ons sal jQuery en kies ete inligting div ID, of maaltyd info ID gebruik nie, jammer.

545
00:34:13,870 --> 00:34:16,580
Ons wil by te voeg by hierdie.

546
00:34:16,580 --> 00:34:21,030
As ons dit toets, byvoorbeeld, sou dit net oor skryf dit elke keer.

547
00:34:21,030 --> 00:34:29,190
So kan ons net voeg nie.

548
00:34:29,190 --> 00:34:31,889
Die huidige element in die skikking, sal ons die naam kry uit dit,

549
00:34:31,889 --> 00:34:38,159
en ons sal bygevoeg aan die einde van die maaltyd info ID DIV.

550
00:34:38,159 --> 00:34:40,120
En dan net om te maak dat dit lyk skoner,

551
00:34:40,120 --> 00:34:51,550
Ons sal ook voeg 'n lyn breek sodat dit is nie almal op een lyn.

552
00:34:51,550 --> 00:34:55,280
Dus, as alles goed gaan, moet dit goed wees om -

553
00:34:55,280 --> 00:34:57,220
eerste van alles, wanneer hierdie knoppie gekliek word,

554
00:34:57,220 --> 00:35:00,070
dit sal stuur af 'n GET-versoek na hierdie URL.

555
00:35:00,070 --> 00:35:02,500
Wanneer die data terug te kom van dit, sal dit ontleed dit,

556
00:35:02,500 --> 00:35:06,950
draai dit in into, loop oor die hele skikking dat die data,

557
00:35:06,950 --> 00:35:10,310
en dan voeg die naam en 'n lyn breek

558
00:35:10,310 --> 00:35:16,500
na elke lyn in hierdie maaltyd info ID wat voorheen leeg.

559
00:35:16,500 --> 00:35:18,910
So gaan terug na hierdie bladsy, sal ons verfris,

560
00:35:18,910 --> 00:35:23,690
kliek, uit te vind - dit werk nie. Dit is jammer.

561
00:35:23,690 --> 00:35:25,830
En dit is waar debugging kom in

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

563
00:35:30,070 --> 00:35:57,210
Dit is interessant.

564
00:35:57,210 --> 00:35:59,720
Alle reg, goed, eerder as spandeer tyd om dit te doen, is ek net gaan

565
00:35:59,720 --> 00:36:07,070
trek die gedoen lêer dat ek, wat die voltooide weergawe.

566
00:36:07,070 --> 00:36:13,710
Ek is nie seker wat die verskil is, maar ons kan net oop hierdie up plaas.

567
00:36:13,710 --> 00:36:19,740
En ons gaan na die AJAX, en dit moet korrek werk nie.

568
00:36:19,740 --> 00:36:21,730
Dit is wat was vir middagete vandag

569
00:36:21,730 --> 00:36:24,870
in geen spesifieke volgorde, met aanhalings rondom dit, so dit is nie die mooiste.

570
00:36:24,870 --> 00:36:27,090
Maar, natuurlik, as jy is om dit te doen vir 'n finale projek

571
00:36:27,090 --> 00:36:30,120
jy sou dit beter lyk.

572
00:36:30,120 --> 00:36:32,530
Maar dit is net 'n eenvoudige voorbeeld van hoe jy dit doen die AOO-versoek.

573
00:36:32,530 --> 00:36:34,580
En as ons kyk na die werklike kode, ek vermoed, ek is redelik seker

574
00:36:34,580 --> 00:36:39,690
dit is nog steeds pretty much dieselfde.

575
00:36:39,690 --> 00:37:04,990
O, ek het vergeet om dit te omskep in 'n string, dit is dit.

576
00:37:04,990 --> 00:37:07,920
Nee, dit is nog steeds nie werk nie. Ongeag, hier is die werklike voltooi kode

577
00:37:07,920 --> 00:37:10,300
vir wat dit moet lyk,

578
00:37:10,300 --> 00:37:16,400
en dit nie dieselfde ding as wat ek nou net geïmplementeer word.

579
00:37:16,400 --> 00:37:22,760
As jy kliek op die knoppie, is dit gebruik KRY into om outomaties die data ontleed nie.

580
00:37:22,760 --> 00:37:29,190
Dit neem die data terug van dit en sirkelroetes deur die hele reeks

581
00:37:29,190 --> 00:37:32,770
en afdrukke uit die - wat ook al is vir middagete vandag, die naam van hulle,

582
00:37:32,770 --> 00:37:38,020
en voeg 'n lyn breek na elke lyn.

583
00:37:38,020 --> 00:37:41,100
Dit is hoe jy die AOO-funksie.

584
00:37:41,100 --> 00:37:44,040
>> Jy kan ook gebruik POST, wat ek nie tyd gehad het om

585
00:37:44,040 --> 00:37:47,940
om te skryf aan 'n voorbeeld vir dit nie, maar ons kan kyk na die dokumentasie.

586
00:37:47,940 --> 00:37:53,220
As jy kyk na jquery.post,

587
00:37:53,220 --> 00:37:55,510
jy kan sien dat dit amper dieselfde ding.

588
00:37:55,510 --> 00:38:01,650
Jy het 'n URL, maar in plaas van om parameters gebruik -

589
00:38:01,650 --> 00:38:03,990
net om hulle in die tou vir die URL self,

590
00:38:03,990 --> 00:38:06,300
jy het om te slaag in die data veranderlike

591
00:38:06,300 --> 00:38:11,990
Dit is basies 'n skikking, 'n woordeboek wat kaarte parameters waardes.

592
00:38:11,990 --> 00:38:17,690
Jy slaag wat in en wat hulle stuur in die gebruik van 'n boodskap.

593
00:38:17,690 --> 00:38:20,790
En as jy, dan kan jy 'n sukses funksie

594
00:38:20,790 --> 00:38:23,930
wat voer wanneer die data kom terug.

595
00:38:23,930 --> 00:38:26,430
Andersins, is dit presies dieselfde. So gebruik POST,

596
00:38:26,430 --> 00:38:29,970
jy dalk wil pos te gebruik, byvoorbeeld, as jy 'n bydrae vorm

597
00:38:29,970 --> 00:38:35,780
jy laat mense insette wagwoorde in dit, en stuur die wagwoorde af

598
00:38:35,780 --> 00:38:41,850
aan jou back-end script, om te kyk in die databasis of die gebruiker geldig is of nie.

599
00:38:41,850 --> 00:38:46,700
Jy kan dit doen al met behulp van jQuery in plaas van om die bladsy te alle verfris.

600
00:38:46,700 --> 00:38:52,160
Dit is hoe ek geïmplementeer in die blog dat ek jou gewys het vroeër.

601
00:38:52,160 --> 00:38:59,530
As ons na die einde portaal en meld, meld,

602
00:38:59,530 --> 00:39:02,600
Meld uit nie werk nie.

603
00:39:02,600 --> 00:39:13,360
Wel, laat my net oop te maak in 'n nuwe venster.

604
00:39:13,360 --> 00:39:16,580
Hier is daar 'n wagwoord, en ek gaan om te tik in iets lukraak.

605
00:39:16,580 --> 00:39:18,590
Dit werk nie, maar jy kan sien dat ons nie

606
00:39:18,590 --> 00:39:20,840
eintlik het die bladsy te alle verfris.

607
00:39:20,840 --> 00:39:24,610
Die kode, as jy wil om te kyk na dit,

608
00:39:24,610 --> 00:39:37,460
is almal beskikbaar in hier.

609
00:39:37,460 --> 00:39:45,680
So die kode ek verlede jaar geskryf het iewers.

610
00:39:45,680 --> 00:39:47,790
Soos jy hier kan sien, is ons die stuur van die POST versoek.

611
00:39:47,790 --> 00:39:50,400
Ek het 'n lêer genaamd login.php in die agterkant,

612
00:39:50,400 --> 00:39:53,860
wat tjeks indien die wagwoord geldig is.

613
00:39:53,860 --> 00:39:56,000
Die parameters wat ons slaag in is vergeet, gekarteer te

614
00:39:56,000 --> 00:40:00,030
die insette wat in hierdie insette box tans.

615
00:40:00,030 --> 00:40:04,110
En wanneer die data terug te kom, ons gaan.

616
00:40:04,110 --> 00:40:07,680
As die data vals is, dan sê ons verkeerde wagwoord, gly dit af,

617
00:40:07,680 --> 00:40:09,580
en maak dit net verdwyn na daardie.

618
00:40:09,580 --> 00:40:12,320
Anders, ons laai die admin bladsy.

619
00:40:12,320 --> 00:40:15,080
En dit is al gedoen met behulp van into.

620
00:40:15,080 --> 00:40:18,510
In hierdie baie reëls van die kode, kan jy net verby die inligting aan die agterkant,

621
00:40:18,510 --> 00:40:21,020
kyk of dit korrek is, kyk of jy aangemeld is korrek,

622
00:40:21,020 --> 00:40:24,200
en eintlik daarop te reageer, redirecting die persoon na die korrekte bladsy

623
00:40:24,200 --> 00:40:29,760
of nie te laat aanteken en vertel hulle dat hulle moes 'n verkeerde wagwoord.

624
00:40:29,760 --> 00:40:33,040
So dit is 'n voorbeeld van hoe jy jQuery NA gebruik

625
00:40:33,040 --> 00:40:37,010
'n POST versoek te stuur aan jou agterkant,

626
00:40:37,010 --> 00:40:42,400
seker te maak of iemand se aangemeld korrek.

627
00:40:42,400 --> 00:40:44,820
>> Alle reg, so dit is al die voorbeelde wat ek gehad het, en al die dinge wat ek wou te dek.

628
00:40:44,820 --> 00:40:47,110
Dit is die groot dinge wat jQuery toelaat om te doen:

629
00:40:47,110 --> 00:40:52,640
kies elemente, verander hulle met behulp van DOM manipulasie,

630
00:40:52,640 --> 00:40:56,340
jy effekte kan byvoeg, aktiveer dinge op sekere gebeure,

631
00:40:56,340 --> 00:41:00,430
en doen ook AJAX versoeke baie moeiteloos en maklik.

632
00:41:00,430 --> 00:41:02,840
So dankie vir die kom of kyk,

633
00:41:02,840 --> 00:41:06,230
en as jy enige vrae het, laat my net weet. Ja?

634
00:41:06,230 --> 00:41:12,730
[Studente] Terug wanneer jy het, jy het into na die POST versoek in aanhalingstekens,

635
00:41:12,730 --> 00:41:15,170
en ek het net gewonder wat dit gedoen het.

636
00:41:15,170 --> 00:41:20,070
>> Ja, ek sien. Die vraag was dat, in die voorbeeld wat ek het net,

637
00:41:20,070 --> 00:41:25,790
daar was die woord into in aanhalingstekens rondom die -

638
00:41:25,790 --> 00:41:31,690
Ek sal net trek dit weer - rondom die NA funksie.

639
00:41:31,690 --> 00:41:43,320
Ek is net trek dit om te wys.

640
00:41:43,320 --> 00:41:46,890
So hier is hierdie pos versoek, en daar is hierdie into in aanhalingstekens.

641
00:41:46,890 --> 00:41:50,280
Wat bepaal presies wat ons verwag om die uitset te wees.

642
00:41:50,280 --> 00:41:54,070
So as ons slaag in into as die verwagte data tipe,

643
00:41:54,070 --> 00:41:56,070
dit is nie 'n vereiste nie, maar as ons slaag dit in,

644
00:41:56,070 --> 00:41:58,590
dan is die data sal outomaties ontleed word as into.

645
00:41:58,590 --> 00:42:00,600
So ons het nie die into parse funksie te roep nie,

646
00:42:00,600 --> 00:42:02,620
dit sal net outomaties gebeur nie.

647
00:42:02,620 --> 00:42:05,150
En as jy 'n blik op die dokumentasie vir die post,

648
00:42:05,150 --> 00:42:09,850
daar is hierdie data tipe veranderlike, die tipe data wat verwag word van die bediener.

649
00:42:09,850 --> 00:42:12,660
Die standaard waarde is 'n intelligente raaiskoot wat verkeerd kan wees,

650
00:42:12,660 --> 00:42:15,520
sodat jy kan laat dit leeg, maar dit is net die tipe van data

651
00:42:15,520 --> 00:42:21,680
in die kodering wat jy gebruik, of dit nou into of XML of iets anders.

652
00:42:21,680 --> 00:42:25,280
>> Enige ander vrae?

653
00:42:25,280 --> 00:42:27,300
Alle regte. As jy enige ander vrae het, voel vry om my te e-pos

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

655
00:42:30,830 --> 00:42:34,860
en die skyfies en kode moet aanlyn beskikbaar wees redelik gou.

656
00:42:34,860 --> 00:42:42,810
Sterkte met jou finale projekte, hoop jy gebruik jQuery.

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