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

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

3
00:00:04,790 --> 00:00:08,000
[Þetta er CS50.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
Ef þú ert að elta eftir heima, getur þú í raun að nálgast glærur minn á netinu

5
00:00:10,640 --> 00:00:13,310
með því að fara á þennan tengil.

6
00:00:13,310 --> 00:00:18,650
Það er TjjRWj á bit.ly.

7
00:00:18,650 --> 00:00:20,700
Þú getur líka bara farið á slóðina beint,

8
00:00:20,700 --> 00:00:27,300
sem er cloud.cs50.net / ~ vshekhawat, sem er nafn mitt,

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

10
00:00:32,409 --> 00:00:34,920
Ég hvet mjög þú að fylgja eftir ef þú ert að horfa á heima,

11
00:00:34,920 --> 00:00:40,650
og ef þú ert hér, líka, því þetta er ansi gagnvirk kynningu.

12
00:00:40,650 --> 00:00:43,160
>> Svo í dag ætla ég að vera að tala um jQuery og fyrsta spurningin er,

13
00:00:43,160 --> 00:00:45,300
hvað er jQuery?

14
00:00:45,300 --> 00:00:47,090
Á þessu ári, ég veit að þú krakkar hafa ekki fjallað JavaScript

15
00:00:47,090 --> 00:00:51,080
í eins miklum smáatriðum eins og við höfum á undanförnum árum.

16
00:00:51,080 --> 00:00:53,150
JavaScript er fyrst af öllu, bara viðskiptavinur-hlið tungumál

17
00:00:53,150 --> 00:00:58,390
sem þú notar til að keyra forskriftir og kóða á vélinni hvers notanda.

18
00:00:58,390 --> 00:01:00,660
Svo þú hafa a framreiðslumaður sem veitir vefsíður til fólk,

19
00:01:00,660 --> 00:01:02,600
en þú vilt kannski að gera efni á tölvunni þeirra,

20
00:01:02,600 --> 00:01:08,060
spyrja þeirra vél til að senda beiðnir til þinn framreiðslumaður á 30 sekúndur eða eitthvað svoleiðis.

21
00:01:08,060 --> 00:01:10,420
Þú getur gert það með því að nota JavaScript.

22
00:01:10,420 --> 00:01:13,190
JQuery veitir bara meiri virkni á toppur af JavaScript

23
00:01:13,190 --> 00:01:15,680
sem gerir auka efni fyrir þig.

24
00:01:15,680 --> 00:01:17,710
Ef þú líta á the innihald á toppinn,

25
00:01:17,710 --> 00:01:21,410
sem lýsir sumir af the efni sem þú ert fær um að gera.

26
00:01:21,410 --> 00:01:23,500
Svo í heild, var það búið í janúar 2006.

27
00:01:23,500 --> 00:01:26,560
Það var fyrst hugsuð í ágúst 2005.

28
00:01:26,560 --> 00:01:31,370
Það hefur verið í kring fyrir nokkrum árum, og það er í raun hluti af nýju Vefur 2,0 hreyfing

29
00:01:31,370 --> 00:01:34,330
sem er gert internetið svo glansandi.

30
00:01:34,330 --> 00:01:37,630
Það er mest notaður JavaScript bókasafn.

31
00:01:37,630 --> 00:01:41,450
Yfir 19.600.000 vefsíður eru að nota það, og notkun er enn að aukast

32
00:01:41,450 --> 00:01:45,640
samkvæmt builtwith.com, sem virðist, á síðasta ári,

33
00:01:45,640 --> 00:01:49,710
hefur bara verið stöðugt vaxandi nokkuð línulega.

34
00:01:49,710 --> 00:01:52,870
Meðal efstu 10 milljón síður, það er enn -

35
00:01:52,870 --> 00:01:55,180
um 40% þeirra eru nú að nota það.

36
00:01:55,180 --> 00:01:58,540
Facebook notar það, hellingur af öðrum vefsíðum nota nú það.

37
00:01:58,540 --> 00:02:01,540
Þú getur litið á þeim tölfræði á eigin spýtur, ef þú vilt.

38
00:02:01,540 --> 00:02:05,820
Og þú gætir sagt það er legit því það hefur grunn og 13 stjórnarmanna,

39
00:02:05,820 --> 00:02:11,910
ásamt hópi 20 manna sem vinna á það með reglulegu millibili.

40
00:02:11,910 --> 00:02:16,110
Svo það er mjög mikið notað, það hefur a. Org slóð, það er fínt,

41
00:02:16,110 --> 00:02:21,660
það hefur snúningur-offs fyrir önnur efni, svo það er stór samningur.

42
00:02:21,660 --> 00:02:24,510
>> Hvers vegna ættir þú að nota það? JQuery er mjög léttur.

43
00:02:24,510 --> 00:02:27,270
Það þýðir að það er ekki mikið skrá. Þú getur hlaðið niður

44
00:02:27,270 --> 00:02:31,540
the minified skrá, sem er án allra hvítt rúm og athugasemdir, og það er aðeins 32 kB.

45
00:02:31,540 --> 00:02:33,600
Svo það er auðvelt að bara kasta á vefsíðuna þína

46
00:02:33,600 --> 00:02:35,910
og bara til að byrja að nota það.

47
00:02:35,910 --> 00:02:39,630
Það er líka mjög duglegur skrifað, svo það þýðir ekki að taka upp mikið af -

48
00:02:39,630 --> 00:02:42,550
það er ekki hægja vefsvæðið þitt mikið þegar þú notar það.

49
00:02:42,550 --> 00:02:45,770
Það gerir þér kleift að framkvæma hluti sem voru áður óframkvæmanlegar.

50
00:02:45,770 --> 00:02:47,790
Það eru nokkur atriði virkni,

51
00:02:47,790 --> 00:02:51,780
eins og að búa til hreyfimyndir, sem venjulega myndi vera mjög, mjög erfitt að gera.

52
00:02:51,780 --> 00:02:54,300
En í jQuery þeir eru í raun mjög einfalt.

53
00:02:54,300 --> 00:02:57,040
Og það eru sumir hlutir sem eru pirrandi að gera,

54
00:02:57,040 --> 00:02:59,610
mögulegt í JavaScript, eins og að senda POST beiðni,

55
00:02:59,610 --> 00:03:02,190
en að senda beiðni til miðlara, þú þarft að skrifa

56
00:03:02,190 --> 00:03:04,320
fimm eða sex eða sjö línur af kóða.

57
00:03:04,320 --> 00:03:07,200
Nú þú geta réttlátur gera það í einni línu af kóða í einu virka símtalinu.

58
00:03:07,200 --> 00:03:11,790
Það einfaldar mjög mikið af efni sem þú ert að gera.

59
00:03:11,790 --> 00:03:15,950
Og allir kaldur krakkarnir eru að nota það. Með því að meina ég mig.

60
00:03:15,950 --> 00:03:19,270
Í lokaverkefninu mínu á síðasta ári, sem er news.whrb.org,

61
00:03:19,270 --> 00:03:22,530
sem er fyrir útvarpsstöð, bjó ég þetta blogg

62
00:03:22,530 --> 00:03:29,750
sem hýsir allar sýningar sem við höfum gert og MP3 skrár fyrir þá.

63
00:03:29,750 --> 00:03:32,070
Þú getur flett í gegnum á undanförnum sýningum,

64
00:03:32,070 --> 00:03:34,130
og það er allt gert með því að nota jQuery. Þú getur sagt

65
00:03:34,130 --> 00:03:37,340
Vegna allra þessara fjör, í meginatriðum.

66
00:03:37,340 --> 00:03:42,360
Svo ef þú ert - ef þú ætlar að búa til nýja færslu,

67
00:03:42,360 --> 00:03:45,980
þú sérð þessa litlu slideDowns, það er allt gert með jQuery.

68
00:03:45,980 --> 00:03:49,140
Og þetta hverfa - þannig að svona efni er allt gert með því að nota jQuery,

69
00:03:49,140 --> 00:03:52,720
og þú þarft ekki að stöðugt endurhlaða síðunni til að vafra um síðuna.

70
00:03:52,720 --> 00:03:57,220
Annar kaldur hlutur sem er gert með því að nota jQuery er þetta kynning.

71
00:03:57,220 --> 00:03:59,700
Ég ætla að nota þetta opinn hlutur sem kallast scrolldeck,

72
00:03:59,700 --> 00:04:03,250
sem einhver skrifaði fyrir ofan jQuery.

73
00:04:03,250 --> 00:04:04,870
Ef þú horfir í raun á the uppspretta, getur þú séð að

74
00:04:04,870 --> 00:04:07,830
þeir nota þetta dollaramerki, dollara merki

75
00:04:07,830 --> 00:04:12,110
eru notuð í jQuery til að þar með að fall er jQuery virka.

76
00:04:12,110 --> 00:04:15,020
Svo þeir skilgreina umbúðir ofan á jQuery

77
00:04:15,020 --> 00:04:18,570
sem leyfir þér að gera kynningu eins og þetta,

78
00:04:18,570 --> 00:04:21,200
og þú getur séð að hér að þeir eru meðal upprunalega jQuery skrá,

79
00:04:21,200 --> 00:04:24,120
sem er það sem þú þarft að fela ef vilja til að nota jQuery

80
00:04:24,120 --> 00:04:30,450
í eigin vefsíður þínar.

81
00:04:30,450 --> 00:04:32,790
>> Að snerta á því, hvernig setja þér það?

82
00:04:32,790 --> 00:04:36,150
Þú getur bara farið til jQuery.com og sækja skrána,

83
00:04:36,150 --> 00:04:38,320
bæta við það til a Web Directory og fela það.

84
00:04:38,320 --> 00:04:42,200
Svo bara ofan í höfuðið tag HTML skrá

85
00:04:42,200 --> 00:04:45,400
helstu HTML skrá, bara þessi lína af kóða

86
00:04:45,400 --> 00:04:49,490
með rétta útgáfu fyrir hvaða útgáfa af jQuery þú ert að nota.

87
00:04:49,490 --> 00:04:51,340
Þú getur sótt það með því að fara til jQuery.com,

88
00:04:51,340 --> 00:04:55,130
smelltu á "Sækja jQuery," og þú hefur fengið það. Það er það.

89
00:04:55,130 --> 00:04:58,880
Og í raun getum við taka a líta á það sem það lítur út.

90
00:04:58,880 --> 00:05:01,080
Ef þú smellir á að sækja hér, jQuery er þetta.

91
00:05:01,080 --> 00:05:05,260
Það er bara einn stór JavaScript skrá sem gerir alla galdra efni fyrir þig.

92
00:05:05,260 --> 00:05:09,270
Þetta er minified útgáfa, sem er ekki læsileg á öllum.

93
00:05:09,270 --> 00:05:13,180
Þú getur einnig líta á þróun útgáfa, sem er læsileg

94
00:05:13,180 --> 00:05:15,370
en samt mjög, mjög langur.

95
00:05:15,370 --> 00:05:17,980
Það er mikið af efni í það.

96
00:05:17,980 --> 00:05:20,240
Þú getur einnig hlekkur til farfuglaheimili útgáfa Google á það.

97
00:05:20,240 --> 00:05:23,820
Svo sem mun leyfa þér að bara að treysta á Google til að veita hana.

98
00:05:23,820 --> 00:05:29,310
Þau veita hvert útgáfu af henni, í boði á öllum tímum.

99
00:05:29,310 --> 00:05:31,530
Svo þú getur sennilega að treysta á Google til að hýsa hana fyrir þig.

100
00:05:31,530 --> 00:05:33,270
Eða þú getur tengt eigin nýjustu jQuery er útgáfa.

101
00:05:33,270 --> 00:05:36,400
Þeir hafa vefslóð sem er alltaf uppfærð í nýjustu útgáfu.

102
00:05:36,400 --> 00:05:40,850
Það er jQuery-nýjasta, og það er eitt vandamál með það,

103
00:05:40,850 --> 00:05:44,350
sem er að ef uppfærður jQuery og sumir af the fyrri virkni

104
00:05:44,350 --> 00:05:47,250
þeir höfðu verður retrograded eða vanþóknun,

105
00:05:47,250 --> 00:05:49,620
það má ekki - það getur byrjað að ekki fá stutt lengur.

106
00:05:49,620 --> 00:05:52,940
Svo ef þú skrifar til vefsíðu með útgáfu 1.8.2,

107
00:05:52,940 --> 00:05:55,000
með þeim tíma útgáfa 2.7 kemur út

108
00:05:55,000 --> 00:05:57,000
sumir af þeim störfum sem þú skrifar virka ekki lengur.

109
00:05:57,000 --> 00:05:59,930
Svo það er betra að bara sækja 32 kB skrá,

110
00:05:59,930 --> 00:06:04,100
setja það á vefsíðu þína, og það mun virka að eilífu.

111
00:06:04,100 --> 00:06:07,450
>> Ég ætla að fara á undan og byrja að tala um raunverulegt virkni jQuery.

112
00:06:07,450 --> 00:06:13,090
The fyrstur hlutur er selectors. Þetta er það sem jQuery var upphaflega hugsuð til að veita.

113
00:06:13,090 --> 00:06:15,500
Og þú getur smellt á gögnum til að líta á

114
00:06:15,500 --> 00:06:18,690
ítarlegar handbækur fyrir selectors ég ætla að vera nær.

115
00:06:18,690 --> 00:06:24,120
Hugmyndin á bak við selectors er að þú getur valið HTML þætti á síðunni.

116
00:06:24,120 --> 00:06:28,790
Þættir á síðu hafa auðkenni og bekkjum og aðrar skilgreina þætti til þeirra.

117
00:06:28,790 --> 00:06:30,500
Það er líka - they're í mismunandi skipanir.

118
00:06:30,500 --> 00:06:32,570
Sumir af þeim tíma sem þeir eru hreiður inni hvor aðra.

119
00:06:32,570 --> 00:06:38,120
JQuery gerir þér kleift að byggja einfaldar fyrirspurnir sem sækja þætti af síðunni.

120
00:06:38,120 --> 00:06:41,890
Þá getur þú breytt þessum þætti að nota jQuery virka,

121
00:06:41,890 --> 00:06:43,990
sem er að sýsla kafla munum við fá að síðar.

122
00:06:43,990 --> 00:06:46,040
Þú getur breytt HTML, breyta CSS,

123
00:06:46,040 --> 00:06:50,500
þú getur líka lifandi og bæta við virka sem virkja á ákveðnum atburðum.

124
00:06:50,500 --> 00:06:52,710
Svo, til dæmis, ef eitthvað er smellt viltu eitthvað að gerast,

125
00:06:52,710 --> 00:06:55,210
þú getur gert það með því að nota jQuery eins og heilbrigður.

126
00:06:55,210 --> 00:06:57,380
Og það eru gríðarstór tala af lifnaðarhættir til að velja atriði.

127
00:06:57,380 --> 00:07:00,310
Flest af þeim ég hef aldrei notað, en það eru helstu sjálfur,

128
00:07:00,310 --> 00:07:02,340
sem eru nokkuð mikilvægt.

129
00:07:02,340 --> 00:07:05,750
Þátturinn val, td ef þú ætlar bara að velja neitt

130
00:07:05,750 --> 00:07:10,640
sem er div - Ég hef reyndar kóðann opinn fyrir þessa glærusýningu.

131
00:07:10,640 --> 00:07:13,450
Svo, til dæmis, hér er fyrsta renna.

132
00:07:13,450 --> 00:07:17,430
Hér höfum við div. Ef við veljum í raun allar Divs á síðunni,

133
00:07:17,430 --> 00:07:22,300
það verður bara að gefa okkur fjölbreytta öllum divs sem ríkir í þessari skrá.

134
00:07:22,300 --> 00:07:27,040
The ID val er hægt að velja neitt með tilteknu auðkenni.

135
00:07:27,040 --> 00:07:32,230
Þannig að ef þetta, til dæmis, þetta hlutur hefur auðkennið "Hvað,"

136
00:07:32,230 --> 00:07:37,160
og ef við gerðum þetta með # það í stað einhvers ID,

137
00:07:37,160 --> 00:07:42,920
það myndi bara skila array sem hefur einn þáttur og það er að þátturinn á síðunni.

138
00:07:42,920 --> 00:07:45,490
Við getum einnig sameina selectors þessum hætti með því að hafa

139
00:07:45,490 --> 00:07:48,260
aðeins velja hluti með auðkenni sem divs.

140
00:07:48,260 --> 00:07:51,810
Svo já. Aðeins valið Divs sem hafa þessi auðkenni.

141
00:07:51,810 --> 00:07:55,260
Fyrir bekknum þú notar bara punkt, það er sama og CSS.

142
00:07:55,260 --> 00:07:57,500
Afkomandi virkar líka, svo ef þú hafa sumir tegund

143
00:07:57,500 --> 00:08:00,170
og það hefur hreiður þætti í henni - svo, til dæmis,

144
00:08:00,170 --> 00:08:03,260
það er einhver tegund og það hefur akkeri tag til að tengja við aðra síðu,

145
00:08:03,260 --> 00:08:08,510
þú getur notað þessa setningafræði til að sækja hlekkur.

146
00:08:08,510 --> 00:08:12,420
Þú getur einnig valið marga hluti í einu, bara skilja þá með kommum,

147
00:08:12,420 --> 00:08:17,360
notað hvaða val þú vilt, og þú verður að velja þær allar í einu, í einni fylking.

148
00:08:17,360 --> 00:08:19,650
Og þá er það einnig ekki val, þannig að þú getur valið allar Divs

149
00:08:19,650 --> 00:08:24,210
sem hafa ekki einhverja tiltekna tegund.

150
00:08:24,210 --> 00:08:28,790
Og það er bara gagnlegt leið til að fá kynningu á hvernig þetta val virkar.

151
00:08:28,790 --> 00:08:32,270
Ég skal sýna nokkur tiltekin dæmi í annað.

152
00:08:32,270 --> 00:08:35,480
>> Ítarlegri selectors eru - þetta eru bara nokkur dæmi.

153
00:08:35,480 --> 00:08:38,840
There ert heilmikið af þessu, en ef þú vilt að velja alla myndina tags

154
00:08:38,840 --> 00:08:42,799
á næstunni frumefni, þá gera bara: mynd.

155
00:08:42,799 --> 00:08:45,340
Ef þú vilt velja jafnvel þætti, td ef það eru 20 af þeim,

156
00:08:45,340 --> 00:08:48,290
þú vilt velja 0, 2, 4, 6 og svo framvegis,

157
00:08:48,290 --> 00:08:51,630
þú: jafnvel, eða þú getur líka gert: skrýtið.

158
00:08:51,630 --> 00:08:55,470
Þetta eru gervi selectors, sem þýðir að þeir reikna í raun

159
00:08:55,470 --> 00:09:00,960
sérhver annar þáttur frekar en bara að fara og velja þau öll.

160
00:09:00,960 --> 00:09:05,510
Þú getur einnig - hver þáttur getur einnig hafa sérstaka eiginleika.

161
00:09:05,510 --> 00:09:10,580
Svo, til dæmis, class = sent er einnig eiginleiki.

162
00:09:10,580 --> 00:09:16,500
Af þessum akkeri tag, href, HyperText tilvísun, er eiginleiki líka.

163
00:09:16,500 --> 00:09:21,150
Svo þú getur valið eitthvað sem tengir á tiltekna síðu eða bara - það er mjög almenn.

164
00:09:21,150 --> 00:09:25,410
Þú getur valið eitthvað með hvaða eiginleika sem þú vilt.

165
00:09:25,410 --> 00:09:27,470
Og þá líka, eiginleiki inniheldur.

166
00:09:27,470 --> 00:09:30,420
Ef þú, til dæmis, vildi velja allt inntak þætti

167
00:09:30,420 --> 00:09:32,700
sem hafa orðið "fara" eins og nafnið þeirra,

168
00:09:32,700 --> 00:09:37,560
ef síða hefur ritun blokk

169
00:09:37,560 --> 00:09:41,050
sem heitir "Lykilorð", sem myndi vera ein leið sem þú getur valið það.

170
00:09:41,050 --> 00:09:43,020
Og það eru margir fleiri. Þú getur farið á undan og líta á gögnum

171
00:09:43,020 --> 00:09:46,950
og sjá ákveðin dæmi um hvernig það virkar.

172
00:09:46,950 --> 00:09:48,840
>> The næstur hlutur er DOM meðferð.

173
00:09:48,840 --> 00:09:52,500
Eftir að við velja þætti, munum við viljum raunverulega gert efni með þeim.

174
00:09:52,500 --> 00:09:55,500
Svo langt að við höfum ekki litið á það yfirleitt, en ef þú horfir á gögnum,

175
00:09:55,500 --> 00:09:57,950
there 'raunverulega a einhver fjöldi sem við gætum gert.

176
00:09:57,950 --> 00:10:02,900
Á þessum tímapunkti erum við að fara að velja hluti á þessari kynningu

177
00:10:02,900 --> 00:10:04,890
og vinna þá nota jQuery.

178
00:10:04,890 --> 00:10:08,290
Vegna þess að þetta er hrint í framkvæmd með því að nota jQuery, höfum við aðgang að jQuery bókasafn,

179
00:10:08,290 --> 00:10:13,580
og við getum notað þessa virkni innan þessa kóða.

180
00:10:13,580 --> 00:10:16,200
Einn gagnlegur hlutur sem þú getur ekki vita um er að hugga.

181
00:10:16,200 --> 00:10:19,340
Og Google Chrome er það sem ég ætla að nota. Þú getur ýtt á alt stjórn J

182
00:10:19,340 --> 00:10:21,720
eða alt stjórn J til að opna stjórnborðið.

183
00:10:21,720 --> 00:10:26,130
Í Firefox Ég held stjórn það er vakt K eða stjórna shift K.

184
00:10:26,130 --> 00:10:28,880
Í Safari þú ert að fara að breyta einhverjum stillingum.

185
00:10:28,880 --> 00:10:35,460
Það er tengill ef þú vilt gera það, en ég mæli með að fá Chrome eða Firefox.

186
00:10:35,460 --> 00:10:37,750
Svo skulum opna stjórnborðið, er það niður hér.

187
00:10:37,750 --> 00:10:41,170
Það gerir þér kleift að í raun bara að gera hvað sem þú vilt.

188
00:10:41,170 --> 00:10:45,100
Svo þú getur bara slegið í að búa til breytu sem heitir X,

189
00:10:45,100 --> 00:10:49,200
x = 5, við skulum sjá hvað x + 2 er.

190
00:10:49,200 --> 00:10:57,670
Þú getur jafnvel gert eitthvað eins CS + skulum sjá, x + 45, sem verður CS50.

191
00:10:57,670 --> 00:11:00,530
Þú getur bara gera sumir dæmigerður JavaScript efni.

192
00:11:00,530 --> 00:11:02,730
En þú getur líka gert jQuery hér.

193
00:11:02,730 --> 00:11:06,200
>> Svo skulum líta á þetta fyrsta þætti hér.

194
00:11:06,200 --> 00:11:09,500
Við ætlum að búa til breytu sem heitir HTML, sem er band.

195
00:11:09,500 --> 00:11:15,890
Það hefur lið tag í það, sem er kallað einhvern nýjan texta.

196
00:11:15,890 --> 00:11:19,420
Þannig að við höfum þennan HTML kóða, það er sumir nýr texti, í tags mgr.

197
00:11:19,420 --> 00:11:21,800
Nú viljum við í raun að bæta því við síðuna.

198
00:11:21,800 --> 00:11:28,310
Ég setti það upp þannig að HTML fyrir þessa málsgrein, þetta titill hér er auka við ID.

199
00:11:28,310 --> 00:11:32,320
Ef við veljum auka ID og þá bæta við það

200
00:11:32,320 --> 00:11:34,560
HTML breytu ég búin bara,

201
00:11:34,560 --> 00:11:40,370
það mun bæta að HTML lok, rétt eftir að þetta lið tag.

202
00:11:40,370 --> 00:11:43,730
Þannig að ef við gerum það - við valið þessa málsgrein,

203
00:11:43,730 --> 00:11:47,590
og við höfum kallað auka virka með HTML breytu Ég bætti bara,

204
00:11:47,590 --> 00:11:50,960
það mun bæta því nýjan texta rétt þarna á síðunni.

205
00:11:50,960 --> 00:11:54,970
Við getum einnig prepend, sem þýðir að það mun fara fyrir í upphafi þess frumefni.

206
00:11:54,970 --> 00:11:58,290
Svo er einhver nýr texti í upphafi og eftir.

207
00:11:58,290 --> 00:12:01,660
Ég get farið á undan og hressa til að losna við þetta dót sem ég hef bara gert.

208
00:12:01,660 --> 00:12:05,280
En það er dæmi um hvernig þú getur notað prepend og bæta aðferðir

209
00:12:05,280 --> 00:12:08,910
að vinna efni á síðunni, bæta smá HTML-kóða.

210
00:12:08,910 --> 00:12:11,080
>> Þú getur einnig breytt bekkjum.

211
00:12:11,080 --> 00:12:14,970
Aftur í þessum stíl skrá, hef ég búið til þetta fyrir vinna bekknum

212
00:12:14,970 --> 00:12:19,990
sem hefur texta rauða litinn, sumir bakgrunnslit og texta skuggi.

213
00:12:19,990 --> 00:12:23,810
Það lítur hideous, en ég get í raun -

214
00:12:23,810 --> 00:12:26,410
málsgrein þessari samsvarar flokki ID.

215
00:12:26,410 --> 00:12:29,860
Svo ég get bætt flokki fyrir the vinna.

216
00:12:29,860 --> 00:12:31,870
Ég get keyrt þetta í vélinni,

217
00:12:31,870 --> 00:12:35,480
og það mun bæta þeim flokki, og nú lítur það hideous, sem skyldi.

218
00:12:35,480 --> 00:12:39,680
The CSS sjálfkrafa fær beitt að flokka sem þú -

219
00:12:39,680 --> 00:12:42,680
ef það er CSS fyrir flokk, sjálfkrafa það gerist beitt

220
00:12:42,680 --> 00:12:44,680
ef þú breytir tegund af þáttur.

221
00:12:44,680 --> 00:12:49,230
Þá getum við bara fjarlægja það með fjarlægingartáknið bekknum.

222
00:12:49,230 --> 00:12:53,690
Svo ef þið hafið einhverjar fyrirfram flokka eins og rauður eða auðkenndur,

223
00:12:53,690 --> 00:12:55,990
og þá þú vilt sækja þá til þætti,

224
00:12:55,990 --> 00:12:58,230
þú þarft ekki að gera alla CSS stíl hvert skipti.

225
00:12:58,230 --> 00:13:01,510
Þú getur bara bætt í bekknum til frumefni, og þá mun það sjálfkrafa verða -

226
00:13:01,510 --> 00:13:05,580
það vilja á sjálfvirkan hátt leita viðeigandi fyrir þeim flokki.

227
00:13:05,580 --> 00:13:07,900
Við getum einnig fjarlægja hlutina, þannig að ég ætla að velja allar Divs

228
00:13:07,900 --> 00:13:10,830
á síðunni og fjarlægja þá.

229
00:13:10,830 --> 00:13:13,990
Hvað er að fara að líta út?

230
00:13:13,990 --> 00:13:16,170
Það er að fara að líta út eins og ekkert, þannig að það er í raun ekkert eftir.

231
00:13:16,170 --> 00:13:18,170
Kynningin mín er farin.

232
00:13:18,170 --> 00:13:21,290
Ég get hressa og koma með hana aftur, sem betur fer,

233
00:13:21,290 --> 00:13:24,420
því það er bara að keyra einu sinni,

234
00:13:24,420 --> 00:13:29,460
en það er dæmi um að fjarlægja, ef þú vilt alveg eyða stak af síðunni.

235
00:13:29,460 --> 00:13:33,180
>> Þú getur einnig skrifa, og ég ætla að velja alla mgr tags á síðunni

236
00:13:33,180 --> 00:13:36,850
og fara inni þá og skipta hvað texta sem þeir hafa í þeim

237
00:13:36,850 --> 00:13:39,690
með bara orðið "próf."

238
00:13:39,690 --> 00:13:46,520
Ef þú gerir þetta, þú munt skipta hverjum lið á síðunni með þessu próf.

239
00:13:46,520 --> 00:13:49,150
Já. Þeir eru allir komi með próf.

240
00:13:49,150 --> 00:13:53,270
Svo er það dæmi um aðgang að texta og skrifa of mikið hana.

241
00:13:53,270 --> 00:13:57,490
Þú getur einnig sótt upplýsingar og þetta er virkilega flott fyrir kassa inntak.

242
00:13:57,490 --> 00:14:00,470
Ef þú ert með inntak kassi sem fólk er að skrifa efni í,

243
00:14:00,470 --> 00:14:03,880
fólk er að slá efni í það,

244
00:14:03,880 --> 00:14:09,030
hér við að velja inntak, allir inntak tag með gerð texta.

245
00:14:09,030 --> 00:14:13,800
Í þessu tilfelli, það er bara eitt inntak kassi í heild kynningu,

246
00:14:13,800 --> 00:14:17,260
svo við verðum bara að velja fyrsta einn, og þá erum við að hringja í VAL virka á það.

247
00:14:17,260 --> 00:14:19,570
Sem skilar gildi, og fyrir inntak kassi,

248
00:14:19,570 --> 00:14:24,330
gildið er bara hvað gerist til að vera inni.

249
00:14:24,330 --> 00:14:31,880
Þannig að ef við gerum þetta, það skilar bara band efni.

250
00:14:31,880 --> 00:14:36,860
Og ef við köllum það aftur eftir að skrifa meira efni, snýr það inn í fleiri efni.

251
00:14:36,860 --> 00:14:40,760
Það er ein góð leið til að fá aðgang þætti inntak kassi, og þá athuga,

252
00:14:40,760 --> 00:14:45,060
er þetta gilt netfang, er þetta gild dagsetning, til dæmis.

253
00:14:45,060 --> 00:14:49,600
Þú getur bara sótt efni um leið og fólk er að slá það,

254
00:14:49,600 --> 00:14:54,830
og þá athuga hvort það er í gildi, senda hana aftur til a framreiðslumaður, gera hvað sem þú vilt með það.

255
00:14:54,830 --> 00:14:57,720
Og það er hvernig þú nálgast það sem er inni þá kassa.

256
00:14:57,720 --> 00:15:00,090
>> Þú getur einnig breytt CSS beint, svo í stað þess að bæta

257
00:15:00,090 --> 00:15:02,510
klasa sem hefur einhverja fyrirfram eiginleika,

258
00:15:02,510 --> 00:15:08,120
þú getur bara bætt við hvað CSS þú vilt eitthvað.

259
00:15:08,120 --> 00:15:10,350
Velja þannig að við skulum líkami, sem er allt kynningu,

260
00:15:10,350 --> 00:15:14,370
og liturinn er eign sem skilgreinir hvað litirnir textinn er.

261
00:15:14,370 --> 00:15:19,420
Ef við breyta því að rauðu, allan texta á síðunni mun snúa að rauðu.

262
00:15:19,420 --> 00:15:26,310
Við getum gert eitthvað eins bakgrunnslit blár,

263
00:15:26,310 --> 00:15:30,680
þar við förum, það er fallegt.

264
00:15:30,680 --> 00:15:33,840
Þú getur gert hvað sem þú vilt með þetta.

265
00:15:33,840 --> 00:15:39,250
Using CSS eign, getur þú í raun að breyta hvernig eitthvað lítur á hverjum tíma.

266
00:15:39,250 --> 00:15:41,630
The næstur hlutur er áhrif.

267
00:15:41,630 --> 00:15:45,710
Áhrif eru í grundvallaratriðum það sama og breyta CSS,

268
00:15:45,710 --> 00:15:48,870
en þeir í raun veita sumir auka fjör í henni.

269
00:15:48,870 --> 00:15:53,380
Svo í stað þess bara að sýna eða fela eitthvað eða breyta lit,

270
00:15:53,380 --> 00:15:56,130
þú geta raunverulega gera það líflegur.

271
00:15:56,130 --> 00:16:00,760
Hér er þau skjöl, ef þú vilt taka a líta á the víðtækur skjöl fyrir það.

272
00:16:00,760 --> 00:16:04,760
En ég ætla að ná helstu sjálfur.

273
00:16:04,760 --> 00:16:12,030
Það eru að sýna og fela eignir.

274
00:16:12,030 --> 00:16:14,510
Sýna / fela ID svari í raun til this heild kassi,

275
00:16:14,510 --> 00:16:18,190
svo ef ég fel það, mun það bara hverfa.

276
00:16:18,190 --> 00:16:24,210
Og ég get sýnt það aftur ef ég vil gera það að koma til baka.

277
00:16:24,210 --> 00:16:26,340
Og það er aftur. Það gerði í raun ekki hverfa,

278
00:16:26,340 --> 00:16:30,670
Ég gerði í raun ekki fjarlægja það af síðunni, setti ég bara CSS eign skyggni til falinn

279
00:16:30,670 --> 00:16:34,030
svo þú getur ekki séð það lengur.

280
00:16:34,030 --> 00:16:39,250
Það er líka renna upp og renna niður, sem gerir þér kleift að hafa þessi áhrif.

281
00:16:39,250 --> 00:16:47,050
Það renna upp að hverfa, og eftir að hún hverfur

282
00:16:47,050 --> 00:16:53,210
þú getur renna það niður til að gera það aftur. Og nú er það aftur.

283
00:16:53,210 --> 00:16:57,650
Það er líka þetta hverfa áhrif, sem - hverfa ID samsvarar þessum reit.

284
00:16:57,650 --> 00:17:01,200
Ef ég hverfa það út, þá er það mun hægar hverfa.

285
00:17:01,200 --> 00:17:04,490
Ég get líka hverfa því í, og það mun koma aftur.

286
00:17:04,490 --> 00:17:08,930
Þú getur líka gert hverfa til, sem er sérstaklega við hverfa virka.

287
00:17:08,930 --> 00:17:12,589
Hægt er að hafa það hverfa til sérstakra ógagnsæi sem þú vilt.

288
00:17:12,589 --> 00:17:16,869
Svo ef þú hverfa það rólega til 0,5, mun það verða hálf sýnilegt.

289
00:17:16,869 --> 00:17:22,630
Ég get gert það að fara á 0,1, og aftur til 1. að gera það fullkomlega sýnileg aftur.

290
00:17:22,630 --> 00:17:24,760
Það er bara annað fjör sem þú getur gert.

291
00:17:24,760 --> 00:17:26,750
>> Það eru einnig að skipta á áhrif.

292
00:17:26,750 --> 00:17:33,410
Þannig að ég ætla að velja skipta ID, sem svarar til þessa kassa,

293
00:17:33,410 --> 00:17:38,970
og á þeim div þú getur hringt skipta, en ef það er sýnilegt að það verður ósýnilega,

294
00:17:38,970 --> 00:17:42,320
ef það er ósýnilegt það mun verða sýnileg aftur.

295
00:17:42,320 --> 00:17:44,440
Svo ég kallaði bara þetta skipta aðgerð tvisvar, sá fyrsti var

296
00:17:44,440 --> 00:17:48,380
sama og fela, annað símtal var það sama og sýningu.

297
00:17:48,380 --> 00:17:53,510
Og þú getur líka gert þetta með hverfa skipta,

298
00:17:53,510 --> 00:17:55,730
sem er það sama, nema það dofnar í raun.

299
00:17:55,730 --> 00:17:59,410
Og sama með mynd rofi.

300
00:17:59,410 --> 00:18:01,460
Það eru handjárnaða áhrif eins og heilbrigður, sem þýðir

301
00:18:01,460 --> 00:18:05,520
ef þú velur stak og bara hringja í fullt af aðferðum fjör á það,

302
00:18:05,520 --> 00:18:07,400
ef þú vildir það til að hverfa út, þá renna niður,

303
00:18:07,400 --> 00:18:11,040
og þá fela og þá hverfa í, mun það gera þau í röð.

304
00:18:11,040 --> 00:18:24,920
Svo hvarf, kom aftur - af einhverri ástæðu, sem fela ekki gerast.

305
00:18:24,920 --> 00:18:30,030
Við skulum reyna það út. Já, svo það dofna út og þá rennt í burtu.

306
00:18:30,030 --> 00:18:32,230
Og það eru miklu fleiri. Þú getur notað lifandi aðgerð

307
00:18:32,230 --> 00:18:35,370
að búa til eigin fjör, sem er nokkuð flókin,

308
00:18:35,370 --> 00:18:38,790
en það veitir þér óendanlega extensibility.

309
00:18:38,790 --> 00:18:40,630
Þú getur gert hvers konar hreyfimyndir sem þú vilt.

310
00:18:40,630 --> 00:18:44,230
Þú getur líka notað biðröð að biðröð upp mörgum fjör í einu.

311
00:18:44,230 --> 00:18:47,340
Svo ef þú vilt eitthvað til að fljúga yfir á síðunni,

312
00:18:47,340 --> 00:18:49,860
renna frá efst til hægri til neðst til vinstri, er hægt að gera það,

313
00:18:49,860 --> 00:18:55,240
og bara fullt af aðgerðum að fara einn á eftir öðrum.

314
00:18:55,240 --> 00:18:57,490
>> The næstur hlutur sem við erum að fara að tala um er atburðir.

315
00:18:57,490 --> 00:19:02,090
Viðburðir leyfa þér - svo langt, við höfum bara verið að slá það inn í vélinni

316
00:19:02,090 --> 00:19:04,870
og það er ein leið til að gera þetta gerast,

317
00:19:04,870 --> 00:19:08,020
en á raunverulegu síðunni, ætlar þú ekki að fara að vera fær um að

318
00:19:08,020 --> 00:19:10,020
gera tegund notanda hlutina í vélinni.

319
00:19:10,020 --> 00:19:12,050
Þú vilt það til að gerast sjálfkrafa.

320
00:19:12,050 --> 00:19:18,060
Fyrir þessi, þú þarft að nota atburði sem virkja á sumum ákveðnum atburði gerast.

321
00:19:18,060 --> 00:19:21,340
Þú getur athugað skjöl fyrir frekari upplýsingar.

322
00:19:21,340 --> 00:19:24,030
Svo skulum sjá. Við viljum til að fela eða sýna kassi,

323
00:19:24,030 --> 00:19:29,340
en núna þetta hnappur hjartarskinn ekki gera neitt vegna þess að ég vissi ekki að framkvæma það enn.

324
00:19:29,340 --> 00:19:35,420
Ég ætla að fara til the raunverulegur HTML síðu.

325
00:19:35,420 --> 00:19:38,560
Hér er mynd. Það er div fyrir hana.

326
00:19:38,560 --> 00:19:41,230
Það hefur flokki renna.

327
00:19:41,230 --> 00:19:46,890
Það er textinn. Nú, það er þessi kassi og kassi hnappinn.

328
00:19:46,890 --> 00:19:52,900
Hvernig myndum við gera í raun þetta hverfa?

329
00:19:52,900 --> 00:19:58,250
Fyrst af öllu, við skulum skrifa fall sem gerir kassi ID hverfa.

330
00:19:58,250 --> 00:20:01,820
Þetta er setningafræði til funtion, við skulum bara kalla það hideTheBox.

331
00:20:01,820 --> 00:20:06,130
Það tekur ekki neinar röksemdir, því það eru engin rök til að taka.

332
00:20:06,130 --> 00:20:08,950
Við getum valið reitinn ID.

333
00:20:08,950 --> 00:20:15,020
Svo nota jQuery velja, við getum valið kassi ID,

334
00:20:15,020 --> 00:20:17,700
og þá bara gera það hverfa.

335
00:20:17,700 --> 00:20:20,690
Skulum gera það hverfa.

336
00:20:20,690 --> 00:20:27,390
Ef við hljóp þetta virka í raun vélinni,

337
00:20:27,390 --> 00:20:33,380
við gætum skilgreint þessa aðgerð, við getum hringt hideTheBox, og það virkar.

338
00:20:33,380 --> 00:20:36,650
En við viljum það til að gerast þegar hnappur er í raun inni.

339
00:20:36,650 --> 00:20:40,950
Til að gera það, verðum við að nota atburði.

340
00:20:40,950 --> 00:20:45,500
Að binda við atburði að einhverju tilteknum hnappinn eða einhverju aðgerð gerast,

341
00:20:45,500 --> 00:20:50,040
við verðum að velja það atriði sem atburður vilja kalla -

342
00:20:50,040 --> 00:20:52,650
eða að mun kalla á atburði, því miður.

343
00:20:52,650 --> 00:20:57,220
>> Svo fyrst af öllu, við skulum velja hnappinn kassi ID

344
00:20:57,220 --> 00:20:59,610
því það er hnappur, og nú, að þessi hnappur,

345
00:20:59,610 --> 00:21:02,750
við viljum búa til hreyfimynd þegar hann er smellt.

346
00:21:02,750 --> 00:21:05,040
Svo er það þetta smell virka.

347
00:21:05,040 --> 00:21:08,470
Það gerir þér kleift að binda annan valkost við það.

348
00:21:08,470 --> 00:21:12,320
Þessi aðgerð tekur annan valkost sem rök

349
00:21:12,320 --> 00:21:14,310
við getum framhjá í hideTheBox virka,

350
00:21:14,310 --> 00:21:20,950
og þegar þessi hnappur er smellt að virka sjálfkrafa framkvæma.

351
00:21:20,950 --> 00:21:24,850
Þannig að þetta mun virka ef við vistað þetta, ég hressa,

352
00:21:24,850 --> 00:21:33,460
og - eina sekúndu, ég er hryggur.

353
00:21:33,460 --> 00:21:44,770
Leyfðu mér að laga þetta virkilega hratt.

354
00:21:44,770 --> 00:21:50,680
Allt í lagi. Þar við förum. Svo nú er kassi er að hverfa þegar við smellur the hnappur.

355
00:21:50,680 --> 00:21:55,470
Við getum líka breytt þessu til bara fadeToggle,

356
00:21:55,470 --> 00:22:00,020
breyta því bara til að fela eða sýna kassi,

357
00:22:00,020 --> 00:22:03,850
og þetta mun einnig vinna líka, ef við hressa.

358
00:22:03,850 --> 00:22:08,550
Við getum fela það, getum við einnig sýnt það, og það mun halda áfram að vinna.

359
00:22:08,550 --> 00:22:12,210
Annar hlutur sem við getum gert er, að við í raun ekki að skilgreina þetta hideTheBox virka

360
00:22:12,210 --> 00:22:15,050
áður en við köllum smell virka.

361
00:22:15,050 --> 00:22:17,640
Svo í stað þess að skilgreina hlutverk og starf hideTheBox,

362
00:22:17,640 --> 00:22:20,310
við erum bara að fara að hringja í það ef þetta er smellt.

363
00:22:20,310 --> 00:22:22,310
Svo við getum skilgreint það nafnlaust hér,

364
00:22:22,310 --> 00:22:25,070
sem er eiginleiki sem JavaScript er.

365
00:22:25,070 --> 00:22:29,720
Þú getur slegið inn virka, venjulega, við myndi segja virka hideTheBox

366
00:22:29,720 --> 00:22:34,490
með rökum, en í staðinn getum við bara sagt virka engin rök,

367
00:22:34,490 --> 00:22:36,870
hefja hrokkið Brace til að skilgreina hlutverk,

368
00:22:36,870 --> 00:22:40,780
loka hrokkið Brace, og þá bara að skilgreina hlutverk hér,

369
00:22:40,780 --> 00:22:45,130
í fyrsta sviga og síðasta sviga

370
00:22:45,130 --> 00:22:47,860
sem svara til rök að smella aðgerð.

371
00:22:47,860 --> 00:22:53,320
Þannig að við erum farið í þessa aðgerð, getum við afritað þessa línu af kóða hérna,

372
00:22:53,320 --> 00:22:55,450
og það mun gera nákvæmlega það sama.

373
00:22:55,450 --> 00:22:57,290
Og nú höfum við ekki þennan handahófi fadeTheBox virka

374
00:22:57,290 --> 00:22:59,960
sem situr í kring fyrir neitun augljós ástæða.

375
00:22:59,960 --> 00:23:02,070
Fallið var skilgreind nafnlaust, er það ekki að hafa nafn.

376
00:23:02,070 --> 00:23:08,060
Það mun aðeins framkvæma þegar við smellur á the kassi hnappinn.

377
00:23:08,060 --> 00:23:12,180
Svo hressandi aftur, einu sinni enn, og þú getur séð að það virkar enn.

378
00:23:12,180 --> 00:23:16,700
Og það er hvernig þú býrð atburði.

379
00:23:16,700 --> 00:23:19,190
>> There ert a einhver fjöldi af mismunandi atburðum sem við getum notað.

380
00:23:19,190 --> 00:23:23,540
Ég ætla að skipta aftur yfir í notkun á vélinni bara að sýna þér hvernig þetta verk.

381
00:23:23,540 --> 00:23:28,210
IDS Fyrir hvert þessara samsvara hverjum kassa.

382
00:23:28,210 --> 00:23:33,020
Þannig að þetta kassi er smellt ID, þetta er lykill ID, og ​​þetta er mús ID.

383
00:23:33,020 --> 00:23:36,120
Einn fleiri hlutur er að það er þessi aðgerð aðgerð, heldur en að slá það út í hvert skipti,

384
00:23:36,120 --> 00:23:41,610
Ég fór reyndar á undan og skilgreint þessa aðgerð virka hérna.

385
00:23:41,610 --> 00:23:46,860
Það er það sama sem hideTheBox virka.

386
00:23:46,860 --> 00:23:51,340
Það fær þennan reit og annaðhvort dofnar það út eða dofnar það inn

387
00:23:51,340 --> 00:23:54,110
Og það er þess vegna sem við erum fær um að nota það hér.

388
00:23:54,110 --> 00:24:00,350
Þannig að ef við smellt á þennan smell ID, viljum við að gera kassi hverfa eða birtast aftur.

389
00:24:00,350 --> 00:24:03,610
Það er það sama og the hnappur sem við áttum í síðustu mynd.

390
00:24:03,610 --> 00:24:07,450
Nú eftir að við köllum það, getum við smellt á þetta og kassi hverfur,

391
00:24:07,450 --> 00:24:10,160
smelltu á það aftur og kassi vilja birtast aftur.

392
00:24:10,160 --> 00:24:12,480
Það er frekar einfalt. Tvöfaldur smellur hjartarskinn the sami hlutur,

393
00:24:12,480 --> 00:24:15,660
nema það þarf að tvöfalda smell.

394
00:24:15,660 --> 00:24:19,030
Svo ef þú smellir á það einu sinni og smella á það aftur mun ekkert gerast,

395
00:24:19,030 --> 00:24:21,140
en ef þú tvísmellir fljótt, verður það hverfa.

396
00:24:21,140 --> 00:24:23,310
Ef þú tvísmellir aftur, mun það koma aftur.

397
00:24:23,310 --> 00:24:25,250
Svo er það frekar einfalt.

398
00:24:25,250 --> 00:24:31,170
Hljómborð inntak er skrýtin tilfinning, ég held ekki að það virkar í raun í þessu dæmi

399
00:24:31,170 --> 00:24:37,670
því lykillinn niður takkann upp og takkanum aðrar helstu aðgerðir

400
00:24:37,670 --> 00:24:47,190
virkja sama hvað þátturinn þú binda það til.

401
00:24:47,190 --> 00:24:51,410
Til dæmis, jafnvel þótt ég bundið takkanum niðri til líkama eða eitthvað annað fullkomlega,

402
00:24:51,410 --> 00:24:55,950
þá myndi samt virkja sama - það er ekki sérstakur.

403
00:24:55,950 --> 00:25:00,190
Ég þarf ekki að vera að smella á þetta og ýta á takkann til að gera eitthvað hverfa.

404
00:25:00,190 --> 00:25:04,470
Það myndi vera virk óháð því hvað þátturinn er ég nú inn

405
00:25:04,470 --> 00:25:06,880
Svo þetta er ekki raunverulega vinna í þessu dæmi

406
00:25:06,880 --> 00:25:13,180
því það er ekki viðurkenna mig sem slá inntak inn í the inntak hljómborð div.

407
00:25:13,180 --> 00:25:15,740
>> En ef þú horfir á mús aðgerðir,

408
00:25:15,740 --> 00:25:19,620
sá fyrsti er sveima, og það getur gert eitthvað af þessu að nota CSS.

409
00:25:19,620 --> 00:25:24,280
Ef þú notar CSS, getur þú búið til það þannig að ef þú sveima yfir eitthvað,

410
00:25:24,280 --> 00:25:28,940
þá þess stíl breytingar.

411
00:25:28,940 --> 00:25:32,170
En nota jQuery þú getur breytt stíl af öðrum hlutum eins og heilbrigður.

412
00:25:32,170 --> 00:25:37,120
Svo, til dæmis, við erum að fara að hringja til aðgerða ef við sveima yfir þessum div.

413
00:25:37,120 --> 00:25:39,660
Það þýðir að ef við sveima yfir það, þá er kassanum hverfa.

414
00:25:39,660 --> 00:25:42,430
Ef við flutt í burtu frá henni, kassi vilja birtast aftur.

415
00:25:42,430 --> 00:25:45,090
Ef við köllum þetta og sveima yfir það, kassi þýðir hverfa,

416
00:25:45,090 --> 00:25:47,050
og um leið og við flutt í burtu, kemur það til baka.

417
00:25:47,050 --> 00:25:49,750
Ef við köllum þetta sveima aðgerðina á mús ID,

418
00:25:49,750 --> 00:25:54,380
sem svarar til þessa kassa, þá ef við sveima yfir the kassi,

419
00:25:54,380 --> 00:26:00,440
þá kassi vilja raunverulega hverfa - það er að vera angurvær núna, en -

420
00:26:00,440 --> 00:26:06,310
ef við flutt í burtu frá honum, mun það birtast aftur. Núna er það aftur á bak fyrir sumir ástæða.

421
00:26:06,310 --> 00:26:12,720
Músin inn og mús færa aðgerðir eru nokkuð svipuð, en örlítið öðruvísi.

422
00:26:12,720 --> 00:26:16,470
Mús slá aðeins í gang þegar músin fer inn í kassann, eins og búist.

423
00:26:16,470 --> 00:26:19,210
Svo ef þú færir inn í það, það mun hverfa.

424
00:26:19,210 --> 00:26:23,210
En það mun ekki birtast aftur þegar þú ferð í burtu, þú þarft að fara aftur á það fyrir það að koma aftur.

425
00:26:23,210 --> 00:26:25,590
Það er líka færa mús virka, sem vilja virkja

426
00:26:25,590 --> 00:26:29,300
þegar músin er enn til staðar í kassanum.

427
00:26:29,300 --> 00:26:32,430
Svo það verður bara að halda áfram að fara, hverfa inn og út.

428
00:26:32,430 --> 00:26:35,660
Og það er í raun að skrá þig - það virðist eins og það er bara hverfa inn og út,

429
00:26:35,660 --> 00:26:39,140
en það er í raun skógarhögg mikið fleiri aðgerðir en þetta,

430
00:26:39,140 --> 00:26:43,550
svo þegar þú flytur í burtu það verður bara að halda áfram því það skráður eins þúsund af þeim.

431
00:26:43,550 --> 00:26:46,620
Kannski ekki þúsund. Kannski fimm.

432
00:26:46,620 --> 00:26:50,200
Það skráir meira en það.

433
00:26:50,200 --> 00:26:53,280
Aðalatriðið er, allar mús aðgerðir, there ert a einhver fjöldi af þeim.

434
00:26:53,280 --> 00:26:55,480
Þú getur lesið allt á öðrum sjálfur, en þeir eru allir örlítið öðruvísi,

435
00:26:55,480 --> 00:26:57,700
og þú getur valið hvort það sem þú þarft

436
00:26:57,700 --> 00:27:02,130
fyrir hvort Sértæk markmið sem þú ert að reyna að gera.

437
00:27:02,130 --> 00:27:05,060
>> Það næsta sem ég ætla að tala um er AJAX.

438
00:27:05,060 --> 00:27:09,340
AJAX, veit ég að við ekki ná JavaScript í eins miklu dýpi á þessu ári,

439
00:27:09,340 --> 00:27:11,770
þannig að ég ætla bara að fara að tala um Ajax í almennt í eina mínútu.

440
00:27:11,770 --> 00:27:15,210
AJAX stendur fyrir ósamstilltur JavaScript og XML.

441
00:27:15,210 --> 00:27:19,030
Það er í grundvallaratriðum, td þegar þú ert á Facebook og það ýtir þér tilkynningu,

442
00:27:19,030 --> 00:27:23,060
það er vegna þess AJAX er í gangi á vafranum þínum.

443
00:27:23,060 --> 00:27:25,800
Hvert par af sekúndum vefskoðarinn þinn er í raun

444
00:27:25,800 --> 00:27:29,420
fara til netþjóna Facebook, spyrja þá, þú hefur eitthvað nýtt fyrir mig,

445
00:27:29,420 --> 00:27:31,980
og þá kemur það aftur til þín.

446
00:27:31,980 --> 00:27:36,320
Þetta gerir þér kleift að senda beiðni til miðlara

447
00:27:36,320 --> 00:27:38,660
án þess í raun að þurfa að hlaða síðuna.

448
00:27:38,660 --> 00:27:42,040
Svo venjulega, ef þú ætlar bara að nota PHP og gagnasafn,

449
00:27:42,040 --> 00:27:45,480
þú þarft að uppfæra síðuna áður en þú getur fengið nýjar upplýsingar frá þjóninum.

450
00:27:45,480 --> 00:27:48,770
En nota AJAX, getur þú draga fyrir þessi nýju upplýsingar stöðugt,

451
00:27:48,770 --> 00:27:52,250
eða draga fyrir það þegar þú smellir á hnappinn eða eitthvað svoleiðis.

452
00:27:52,250 --> 00:27:56,140
Þannig að þetta gerir okkur kleift að senda beiðnir án þess að endurhlaða síðunni,

453
00:27:56,140 --> 00:27:58,130
og við getum notað annaðhvort GET eða POST beiðnir.

454
00:27:58,130 --> 00:28:05,370
>> FÁ beiðnir eru, til dæmis, ef þú að Google.com

455
00:28:05,370 --> 00:28:10,900
og gera q = próf. Það er að gefa þeim fyrirspurn próf.

456
00:28:10,900 --> 00:28:15,890
Og það er FÁ beiðni vegna þess að það er brottför í þeim breytum inn í URL sjálft.

457
00:28:15,890 --> 00:28:19,250
A POST beiðni er eins og ef þú ætlar að senda hana með pósti.

458
00:28:19,250 --> 00:28:22,500
Það er eins og þú setur það í bréfi og skip það burt til þeirra,

459
00:28:22,500 --> 00:28:25,140
en þeir gera í raun ekki séð innihald. Þeir eru ekki sýnileg í vefslóðinni.

460
00:28:25,140 --> 00:28:31,040
Þú getur ekki beint að slá það inn, þú þarft að senda það nánast leynilega.

461
00:28:31,040 --> 00:28:33,880
Það er í a staða.

462
00:28:33,880 --> 00:28:38,660
En nota jQuery, getur þú gert FÁ og POST beiðnir

463
00:28:38,660 --> 00:28:42,740
miklu auðveldara en þú venjulega væri að nota bara venjuleg JavaScript.

464
00:28:42,740 --> 00:28:50,140
Þú getur fyrirspurn API nota FÁ beiðnir, og þú getur einnig athugað fyrir innskráningarupplýsingar.

465
00:28:50,140 --> 00:28:54,400
Á næstu síðu, bjó ég þetta, sem spyr: "Hvað er í hádegismat?"

466
00:28:54,400 --> 00:28:58,230
nota Harvard mat API, þannig að við skulum draga það upp.

467
00:28:58,230 --> 00:29:01,840
Þetta er bara dæmi um hvernig hægt er að nota jQuery til að gera GET beiðni til API

468
00:29:01,840 --> 00:29:04,200
og fá upplýsingar til baka frá þeim.

469
00:29:04,200 --> 00:29:07,090
Þannig að við viljum sjá í valmyndinni í dag,

470
00:29:07,090 --> 00:29:10,560
og við viljum sjá hvað er í hádeginu.

471
00:29:10,560 --> 00:29:16,500
Hér er slóðin að búa til fá beiðni í jQuery.

472
00:29:16,500 --> 00:29:18,600
þú notar $. fá virka.

473
00:29:18,600 --> 00:29:22,290
Fyrsta rifrildi er slóðin, svo nákvæmlega hvað þú ert að fyrirspurn.

474
00:29:22,290 --> 00:29:27,200
Þá er næsta röksemd fall sem keyrir þegar FÁ beiðni er lokið.

475
00:29:27,200 --> 00:29:29,980
Svo þú sendir burt sumir beiðni til the framreiðslumaður, bíða eftir því að koma aftur.

476
00:29:29,980 --> 00:29:33,770
Þegar það er komið aftur, ætlar þú að fara að taka til aðgerða með gögn sem er aftur frá þjóninum.

477
00:29:33,770 --> 00:29:37,520
Við skulum fara á undan og kóða þetta eins og heilbrigður.

478
00:29:37,520 --> 00:29:42,110
Ég vissi ekki kóða það heldur, viljandi.

479
00:29:42,110 --> 00:29:46,660
Hér er TODO. Fyrst af öllu, við skulum nota atburði bindingu

480
00:29:46,660 --> 00:29:50,820
þannig að þegar þessi hnappur er þrýsta, sendu okkur burt GET beiðni.

481
00:29:50,820 --> 00:29:53,410
Og þegar að fá beiðni skilar með nokkrum gögnum,

482
00:29:53,410 --> 00:29:57,290
við erum að fara að skrifa það inn í þessa vöru máltíð ID div.

483
00:29:57,290 --> 00:30:02,860
Fyrst af öllu, við skulum velja hnappinn mat ID.

484
00:30:02,860 --> 00:30:07,320
Þegar það er smellt viljum við það að gera eitthvað.

485
00:30:07,320 --> 00:30:11,930
Skulum gera bara það nafnlaus fuction, eins og áður.

486
00:30:11,930 --> 00:30:15,550
Getur sett þau hrokkið axlabönd,

487
00:30:15,550 --> 00:30:18,530
og þegar þetta hnappur er þrýsta, viljum við senda GET beiðni

488
00:30:18,530 --> 00:30:20,750
til að athuga hvað er í hádeginu.

489
00:30:20,750 --> 00:30:24,970
Til að gera það, getum við bara slegið í $. Fá.

490
00:30:24,970 --> 00:30:28,850
Þetta er jQuery virka, með því að nota dollara merkið.

491
00:30:28,850 --> 00:30:31,430
Það tekur nokkrar rök. Sú fyrsta er slóðin,

492
00:30:31,430 --> 00:30:34,450
The second einn er svarhringingu virka, sem virka sem heitir

493
00:30:34,450 --> 00:30:37,740
þegar þessi beiðni raun skilar.

494
00:30:37,740 --> 00:30:39,890
Við skulum bara byggja slóðina fyrst.

495
00:30:39,890 --> 00:30:44,650
Við getum fengið það frá API sem Davíð skrifaði upp.

496
00:30:44,650 --> 00:30:51,360
Fara hér, getum við séð að það er food.cs50.net/api/1.3/menus,

497
00:30:51,360 --> 00:30:54,140
og þá fara bara í nöfnum á breytum sem þú vilt.

498
00:30:54,140 --> 00:30:57,760
Svo er breytu 1 gildi 1.

499
00:30:57,760 --> 00:31:00,910
Það lítur út eins og staðall dagsetningu, upphafsdagur, vanskil í dag

500
00:31:00,910 --> 00:31:03,110
ef þú ekki færa inn neitt, og lokadagsetningu einnig vanskil

501
00:31:03,910 --> 00:31:05,930
í dag ef þú ekki færa inn neitt.

502
00:31:05,930 --> 00:31:10,790
Það er það sem við viljum. Við viljum bara fá upplýsingar um í dag.

503
00:31:10,790 --> 00:31:12,950
>> Við viljum snið til að vera í JSON.

504
00:31:12,950 --> 00:31:15,570
Það er bara handahófskennt, þú getur notað hvaða form sem þú vilt.

505
00:31:15,570 --> 00:31:18,950
Þú getur notað CSV, en JSON er JavaScript Object Ritháttur.

506
00:31:18,950 --> 00:31:24,150
Það er mjög auðvelt fyrir JavaScript að skilja hvað það þýðir,

507
00:31:24,150 --> 00:31:27,110
og við getum prentað það út fleiri auðveldlega þannig.

508
00:31:27,110 --> 00:31:30,490
Svo skulum biðja um það í JSON og beiðni hádegismatur skulum.

509
00:31:30,490 --> 00:31:37,660
Svo máltíð = hádegismatur. Bara að skrifa upp þessi slóð, förum við aftur hingað.

510
00:31:37,660 --> 00:31:41,290
Það er valmyndir. Fyrsta breytu er framleiðsla = JSON

511
00:31:41,290 --> 00:31:44,640
því það er það sem við viljum, og þú skilja breytur með 'og'.

512
00:31:44,640 --> 00:31:48,940
Annað breytu er - Ég man það ekki.

513
00:31:48,940 --> 00:31:52,170
Máltíð. Og við viljum máltíð = hádegisverður.

514
00:31:52,170 --> 00:31:57,390
Þú getur prófað þessa slóð því að slá það inn í vafrann þinn og fara til þess.

515
00:31:57,390 --> 00:32:03,120
Það mun gefa þér framleiðsla. Það er bara fullt af efni sem er í hádeginu.

516
00:32:03,120 --> 00:32:10,410
Það er í þessu ljóta sniði. Við viljum að prenta það á síðuna okkar í betri formi.

517
00:32:10,410 --> 00:32:12,580
Svo slóðina er rétt, nú þurfum við bara að skrifa fall

518
00:32:12,580 --> 00:32:18,300
að hringja til baka þegar beiðni er vel.

519
00:32:18,300 --> 00:32:20,430
Þessi aðgerð mun reyndar taka rifrildi. Það mun vera gögn.

520
00:32:20,430 --> 00:32:25,650
Gögnin er það sem kemur til baka frá the fá beiðni eftir að FÁ beiðni er gert.

521
00:32:25,650 --> 00:32:28,860
Við getum gert hrokkið axlabönd, hér við að skrifa nafnlaus virka

522
00:32:28,860 --> 00:32:33,900
sem keyrir með þessi gögn þegar við fáum þær upplýsingar aftur.

523
00:32:33,900 --> 00:32:37,840
Svo gögnum, þegar við tegund í þessa slóð,

524
00:32:37,840 --> 00:32:41,540
þetta er það sem gögn er að fara að líta út. Það er að fara að vera svona mikið band.

525
00:32:41,540 --> 00:32:48,610
En gott er, JavaScript geta flokka það með því að nota JSON.parse virka.

526
00:32:48,610 --> 00:32:54,950
Svo skulum við búa til nýja breytu sem heitir flokka gögn.

527
00:32:54,950 --> 00:32:57,060
Og flokka upplýsingar er fylki af hlutum.

528
00:32:57,060 --> 00:33:04,200
Hver hlutur inniheldur upplýsingar, svo sem - ja, við skulum taka a líta.

529
00:33:04,200 --> 00:33:08,980
Það hefur dagsetningu, máltíð, flokki, uppskrift, allt þetta annað efni.

530
00:33:08,980 --> 00:33:10,860
Þannig að við skulum bara prenta út nafn fyrir hvert og eitt.

531
00:33:10,860 --> 00:33:13,790
Skulum iterate yfir allt array af efni sem við fáum til baka af því,

532
00:33:13,790 --> 00:33:17,570
og bara prenta út hvert og eitt - að prenta út nafn hvers og eins.

533
00:33:17,570 --> 00:33:22,670
Þetta er til hliðar.

534
00:33:22,670 --> 00:33:26,030
>> JavaScript verður þetta gagnlegt setningafræði þar sem þú getur búið til breytu og lykkja yfir fjölda,

535
00:33:26,030 --> 00:33:30,150
og var ég er bara Iterator, svo í stað þess að þurfa að gera VAR i = 0,

536
00:33:30,150 --> 00:33:40,290
Ég var minna en lengd, ég + +, þú getur bara gert Var ég í flokka gögn.

537
00:33:40,290 --> 00:33:47,060
Í þessu dæmi, flokka gögn (i) mun svara til núverandi frumefni

538
00:33:47,060 --> 00:33:49,850
í fylkinu, í raun mótmæla.

539
00:33:49,850 --> 00:33:51,720
Og við viljum fá nafn af því.

540
00:33:51,720 --> 00:33:54,170
Þannig að við skulum bara gera nafn.

541
00:33:54,170 --> 00:33:57,000
Og síðasti hlutur er, við erum að fara að hafa jQuery aftur.

542
00:33:57,000 --> 00:34:02,660
Reyndar bæta því við div, þetta upplýsingar máltíð div sem er tóm.

543
00:34:02,660 --> 00:34:05,430
Þannig að við skulum velja það.

544
00:34:05,430 --> 00:34:13,870
Við munum nota jQuery og veldu máltíð upplýsa div ID, eða máltíð upplýsa ID, því miður.

545
00:34:13,870 --> 00:34:16,580
Við viljum til að bæta við þetta.

546
00:34:16,580 --> 00:34:21,030
Ef við gerðum próf, til dæmis, myndi það bara skrifa það í hvert einasta skipti.

547
00:34:21,030 --> 00:34:29,190
Svo getum við bara auka þetta.

548
00:34:29,190 --> 00:34:31,889
Núverandi þáttur í array, munum við fá nafn út af því,

549
00:34:31,889 --> 00:34:38,159
og við munum auka það til enda af the upplýsa máltíð ID div.

550
00:34:38,159 --> 00:34:40,120
Og þá bara til að gera það líta hreinni,

551
00:34:40,120 --> 00:34:51,550
við munum einnig auka línu brot svo það er ekki allt í einni línu.

552
00:34:51,550 --> 00:34:55,280
Svo ef allt gengur vel, það ætti að vera gott að -

553
00:34:55,280 --> 00:34:57,220
fyrst af öllu, þegar þessi hnappur er smellt

554
00:34:57,220 --> 00:35:00,070
það mun senda frá sér fá beiðni á þessa slóð.

555
00:35:00,070 --> 00:35:02,500
Þegar gögn kemur aftur frá því, verður það að flokka hana,

556
00:35:02,500 --> 00:35:06,950
snúa það inn JSON, lykkja yfir allt array fulltrúi þessi gögn,

557
00:35:06,950 --> 00:35:10,310
og þá bæta við nafn og línu brot

558
00:35:10,310 --> 00:35:16,500
að sérhver lína í þessu info máltíð ID sem var áður tóm.

559
00:35:16,500 --> 00:35:18,910
Svo fara aftur á þessa síðu, endurnýjum við,

560
00:35:18,910 --> 00:35:23,690
smella, finna út - það virkar ekki. Það er óheppilegt.

561
00:35:23,690 --> 00:35:25,830
Og þetta er þar kembiforrit koma inn

562
00:35:25,830 --> 00:35:30,070
Index.html, lína 1.

563
00:35:30,070 --> 00:35:57,210
Það er áhugavert.

564
00:35:57,210 --> 00:35:59,720
Allt í lagi, vel, frekar en að eyða tíma í að gera þetta, ég er bara að fara að

565
00:35:59,720 --> 00:36:07,070
draga upp gert skrá sem ég hef, sem er lokið útgáfa.

566
00:36:07,070 --> 00:36:13,710
Ég er ekki viss um hvað munurinn er, en við getum bara opna þetta upp í staðinn.

567
00:36:13,710 --> 00:36:19,740
Og við förum á AJAX, og það ætti að virka rétt.

568
00:36:19,740 --> 00:36:21,730
Það er það sem var í hádeginu í dag,

569
00:36:21,730 --> 00:36:24,870
í engri sérstakri röð, með tilvitnunum í kringum það, svo það er ekki prettiest.

570
00:36:24,870 --> 00:36:27,090
En vitanlega, ef þú varst að gera þetta fyrir lokaverkefni,

571
00:36:27,090 --> 00:36:30,120
þú myndir gera það líta betur út.

572
00:36:30,120 --> 00:36:32,530
En það er bara einfalt dæmi um hvernig þú gera GET beiðni.

573
00:36:32,530 --> 00:36:34,580
Og ef við lítum á raunverulegum kóða, ég giska, ég er nokkuð viss

574
00:36:34,580 --> 00:36:39,690
það er samt ansi mikið það sama.

575
00:36:39,690 --> 00:37:04,990
Ó, ég gleymdi að umbreyta það til a band, það er það.

576
00:37:04,990 --> 00:37:07,920
Nei, það er enn ekki að virka. Burtséð, hér er í raun lokið númer

577
00:37:07,920 --> 00:37:10,300
fyrir hvað þetta ætti að líta út,

578
00:37:10,300 --> 00:37:16,400
og það er það sama og það sem ég framkvæmda bara.

579
00:37:16,400 --> 00:37:22,760
Þegar þú smellir á hnappinn, notar það fá JSON sjálfkrafa flokka gögnin.

580
00:37:22,760 --> 00:37:29,190
Það tekur gögnin aftur frá henni og lykkjur gegnum allt array

581
00:37:29,190 --> 00:37:32,770
og prenta út um - hvað er í hádeginu í dag, heiti því,

582
00:37:32,770 --> 00:37:38,020
og auka við línu brot eftir hverja línu.

583
00:37:38,020 --> 00:37:41,100
Það er hvernig þú notar GET virka.

584
00:37:41,100 --> 00:37:44,040
>> Þú getur líka notað POST, sem ég hafði ekki tíma

585
00:37:44,040 --> 00:37:47,940
að skrifa upp dæmi fyrir það, en við getum að líta á skjöl.

586
00:37:47,940 --> 00:37:53,220
Ef þú horfir á jquery.post,

587
00:37:53,220 --> 00:37:55,510
þú getur séð að það er nánast það sama.

588
00:37:55,510 --> 00:38:01,650
Þú ert með vefslóð, en í stað þess farið breytur með -

589
00:38:01,650 --> 00:38:03,990
bara að setja þá í band fyrir vefslóð sig,

590
00:38:03,990 --> 00:38:06,300
þú þarft að fara í þessum gögnum breytu

591
00:38:06,300 --> 00:38:11,990
sem er í grundvallaratriðum óákveðinn greinir í ensku fylking, orðabók sem varpar breytur til gildum.

592
00:38:11,990 --> 00:38:17,690
Þú framhjá að í, og sem sendir þá í að nota POST.

593
00:38:17,690 --> 00:38:20,790
Og þegar þú ert það, þá er hægt að hafa velgengni aðgerð

594
00:38:20,790 --> 00:38:23,930
sem keyrir þegar gögn kemur aftur.

595
00:38:23,930 --> 00:38:26,430
Annars er það nákvæmlega það sama. Svo nota POST,

596
00:38:26,430 --> 00:38:29,970
þú might vilja til nota POST, til dæmis, ef þú hafa óákveðinn greinir í ensku inntak mynd

597
00:38:29,970 --> 00:38:35,780
þú láta fólk inntak lykilorð inn í það, og senda þær lykilorð burt

598
00:38:35,780 --> 00:38:41,850
að handritið bak-endir, að athuga í gagnagrunninum hvort sem notandinn er í gildi eða ekki.

599
00:38:41,850 --> 00:38:46,700
Þú getur gert það allt með jQuery stað þess að þurfa að endurhlaða síðuna á öllum.

600
00:38:46,700 --> 00:38:52,160
Það er hvernig ég til framkvæmda í bloggið sem ég sýndi þér áðan.

601
00:38:52,160 --> 00:38:59,530
Ef við förum til enda vefsíðunni og skráir þig út, skráðu þig út,

602
00:38:59,530 --> 00:39:02,600
Útskrá virkar ekki.

603
00:39:02,600 --> 00:39:13,360
Jæja, láttu mig bara opna það upp í nýjum glugga.

604
00:39:13,360 --> 00:39:16,580
Hér er lykilorð, og ég var að fara að slá í eitthvað af handahófi.

605
00:39:16,580 --> 00:39:18,590
Það virkar ekki, en þú getur séð að við gerðum ekki

606
00:39:18,590 --> 00:39:20,840
reyndar þurft að uppfæra síðuna á öllum.

607
00:39:20,840 --> 00:39:24,610
Númerið, ef þú vilt líta á það,

608
00:39:24,610 --> 00:39:37,460
er allt í boði hér.

609
00:39:37,460 --> 00:39:45,680
Svo númerið sem ég skrifaði í fyrra einhvern tíma.

610
00:39:45,680 --> 00:39:47,790
Eins og þú geta sjá hér, við erum að senda POST beiðni.

611
00:39:47,790 --> 00:39:50,400
Ég er með skrá sem heitir login.php í bak endir,

612
00:39:50,400 --> 00:39:53,860
sem athugar hvort lykilorð er ógilt.

613
00:39:53,860 --> 00:39:56,000
Breytur við fara í eru lykilorð, varpað

614
00:39:56,000 --> 00:40:00,030
inntak sem er í þessum inntak kassi augnablikinu.

615
00:40:00,030 --> 00:40:04,110
Og þegar gögn kemur aftur, athuga við.

616
00:40:04,110 --> 00:40:07,680
Ef gögn eru rangar, þá segjum við rangt lykilorð, renna henni niður,

617
00:40:07,680 --> 00:40:09,580
og bara gera það hverfa eftir það.

618
00:40:09,580 --> 00:40:12,320
Annars hlaða við admin síðu.

619
00:40:12,320 --> 00:40:15,080
Og þetta var allt gert með JSON.

620
00:40:15,080 --> 00:40:18,510
Í þessu margar línur af kóða, getur þú bara fara upplýsingarnar bak endir,

621
00:40:18,510 --> 00:40:21,020
athuga hvort það er rétt, athuga hvort þú skráður í rétt,

622
00:40:21,020 --> 00:40:24,200
og í raun að bregðast við henni, Áframsendi mann á rétta síðu

623
00:40:24,200 --> 00:40:29,760
eða ekki að láta þá skrá þig inn og segja þeim að þeir höfðu rangt lykilorð.

624
00:40:29,760 --> 00:40:33,040
Svo er það dæmi um hvernig þú getur notað jQuery POST

625
00:40:33,040 --> 00:40:37,010
að senda POST beiðni um að bak endir þinn,

626
00:40:37,010 --> 00:40:42,400
athuga hvort einhver er skráður í rétt.

627
00:40:42,400 --> 00:40:44,820
>> Allt í lagi, svo það er allt dæmi sem ég átti, og allt draslið sem ég vildi ná.

628
00:40:44,820 --> 00:40:47,110
Þeir eru helstu hlutir sem jQuery leyfir þér að gera:

629
00:40:47,110 --> 00:40:52,640
velja þætti, breyta þeim með DOM meðferð,

630
00:40:52,640 --> 00:40:56,340
þú getur bætt áhrif, virkja það á ákveðnum atburðum,

631
00:40:56,340 --> 00:41:00,430
og einnig gera AJAX beiðnir mjög óaðfinnanlega og auðvelt.

632
00:41:00,430 --> 00:41:02,840
Svo þakka þér fyrir að koma eða horfa,

633
00:41:02,840 --> 00:41:06,230
og ef þú hefur einhverjar spurningar, bara láta mig vita. Já?

634
00:41:06,230 --> 00:41:12,730
[Námsmaður] baka þegar þú sýndi, hafði þú JSON eftir POST beiðni innan gæsalappa,

635
00:41:12,730 --> 00:41:15,170
og ég var bara að spá í hvað það gerði.

636
00:41:15,170 --> 00:41:20,070
>> Já, ég. Spurningin var að í dæminu sem ég sýndi bara,

637
00:41:20,070 --> 00:41:25,790
það var orðið JSON innan gæsalappa í kringum -

638
00:41:25,790 --> 00:41:31,690
Ég ætla bara að draga það upp aftur - um POST virka.

639
00:41:31,690 --> 00:41:43,320
Ég ætla bara að draga hana upp til að sýna.

640
00:41:43,320 --> 00:41:46,890
Svo er hér í POST beiðni, og það er þetta JSON innan gæsalappa.

641
00:41:46,890 --> 00:41:50,280
Sem skilgreinir bara það sem við erum að búast að framleiðsla til að vera.

642
00:41:50,280 --> 00:41:54,070
Þannig að ef við fara í JSON og væntanlegan gögn gerð,

643
00:41:54,070 --> 00:41:56,070
það er ekki þörf, en ef við gefa það í,

644
00:41:56,070 --> 00:41:58,590
þá gögn sjálfkrafa flokka sem JSON.

645
00:41:58,590 --> 00:42:00,600
Þannig að við þurfum ekki að hringja í JSON flokka virka á það,

646
00:42:00,600 --> 00:42:02,620
það verður bara að gerast sjálfkrafa.

647
00:42:02,620 --> 00:42:05,150
Og ef þú taka a líta á the gögn fyrir færslu,

648
00:42:05,150 --> 00:42:09,850
það er þessi gögn tegund breytu, tegund gagna vænta frá þjóninum.

649
00:42:09,850 --> 00:42:12,660
Vanskil það til greindur giska sem getur verið rangt,

650
00:42:12,660 --> 00:42:15,520
svo þú getur skilið það eftir autt, en það er bara tegund af gögnum

651
00:42:15,520 --> 00:42:21,680
í erfðaskrá að þú ert að nota, hvort sem það er JSON eða XML eða eitthvað annað.

652
00:42:21,680 --> 00:42:25,280
>> Allar aðrar spurningar?

653
00:42:25,280 --> 00:42:27,300
Allt í lagi. Ef þú hefur einhverjar fleiri spurningar, ekki hika við að sendu mér tölvupóst

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

655
00:42:30,830 --> 00:42:34,860
og skyggnur og kóða ætti að vera í boði á netinu fljótlega.

656
00:42:34,860 --> 00:42:42,810
Gangi þér vel með lokaverkefnið þitt, vona að þú notar jQuery.

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