[Powered by Google Translate] [Seminar: jQuery]
[Vipul Shekhawat, Prifysgol Harvard]
[Mae hyn yn CS50.] [CS50.TV]
Os ydych yn dilyn ar hyd yn y cartref, gallwch chi mewn gwirionedd yn cael mynediad fy sleidiau ar-lein
drwy fynd i'r ddolen hon.
Mae'n TjjRWj, ar bit.ly.
Gallwch hefyd jyst yn mynd i'r URL yn uniongyrchol,
sy'n cloud.cs50.net / ~ vshekhawat, sef fy enw,
a jQuery.
Fi 'n dal eich annog i ddilyn draw os ydych yn gwylio yn y cartref,
ac os ydych yma, hefyd, oherwydd mae hwn yn gyflwyniad eithaf rhyngweithiol.
>> Felly, heddiw yr wyf i'n mynd i fod yn siarad am jQuery, ac y cwestiwn cyntaf yw,
beth yw jQuery?
Eleni, yr wyf yn gwybod nad ydych guys wedi ymdrin JavaScript
mor fanwl ag y byddwn wedi yn y blynyddoedd diwethaf.
JavaScript yw, yn gyntaf oll, dim ond iaith ar ochr cleientiaid
eich bod yn defnyddio i redeg sgriptiau a chod ar y peiriant bob defnyddiwr.
Felly, mae gennych gweinydd sy'n darparu tudalennau gwe i bobl,
ond efallai y byddwch am wneud pethau ar eu peiriant,
gofyn i'w peiriant i anfon ceisiadau i eich gweinydd bob 30 eiliad neu rywbeth fel 'na.
Gallwch wneud hynny drwy ddefnyddio JavaScript.
JQuery yn unig yn rhoi mwy o ymarferoldeb ar ben JavaScript
sy'n gwneud pethau ychwanegol i chi.
Os ydych yn edrych ar y cynnwys ar ei ben,
sy'n disgrifio rhai o'r pethau eich bod yn gallu ei wneud.
Felly, ar y cyfan, iddi gael ei chreu ym mis Ionawr 2006.
Cafodd ei genhedlu gyntaf ym mis Awst 2005.
Mae wedi bod o gwmpas ers cwpl o flynyddoedd, ac mae'n wir yn rhan o'r mudiad Web 2.0 newydd
sydd wedi gwneud y Rhyngrwyd mor sgleiniog.
Mae'n y llyfrgell JavaScript mwyaf a ddefnyddir yn eang.
Mae dros 19,600,000 gwefannau yn ei ddefnyddio, ac mae'r defnydd yn dal i gynyddu
yn ôl builtwith.com, sydd, mae'n debyg, dros y flwyddyn ddiwethaf,
newydd bod yn cynyddu yn weddol llinol yn barhaus.
Ymhlith y 10 miliwn o safleoedd uchaf, mae o hyd -
Ar hyn o bryd mae tua 40% ohonynt yn ei ddefnyddio.
Facebook yn ei ddefnyddio, llawer o wefannau eraill ar hyn o bryd yn ei ddefnyddio.
Gallwch edrych ar yr ystadegau hynny ar eich pen eich hun, os hoffech.
A allech chi ddweud ei fod yn legit oherwydd mae ganddo sylfaen a 13 o aelodau bwrdd,
ynghyd â thîm o 20 o bobl sy'n gweithio arno yn rheolaidd.
Felly, caiff ei ddefnyddio yn eang iawn, mae ganddi. URL org, mae'n ffansi,
mae wedi sgil-offs am bethau eraill, felly mae'n dipyn o beth.
>> Pam ddylech chi ei ddefnyddio? JQuery yn ysgafn iawn.
Mae hynny'n golygu nad yw'n ffeil enfawr. Gallwch lawrlwytho
y ffeil minified, sydd heb yr holl ofod gwyn a sylwadau, ac mae'n dim ond 32 kB.
Felly, mae'n hawdd i ychydig toss ar eich tudalen ar y we
a dim ond i ddechrau ei ddefnyddio.
Mae hefyd wedi ysgrifennu yn effeithlon iawn, felly nid yw'n cymryd llawer o -
nid yw'n arafu eich gwefan llawer pan fyddwch yn ei ddefnyddio.
Mae'n gadael i chi weithredu pethau a oedd yn anymarferol o'r blaen.
Mae rhai agweddau o ymarferoldeb,
fel creu animeiddiadau, a fyddai fel arfer yn iawn, yn anodd iawn i'w wneud.
Ond yn jQuery eu bod mewn gwirionedd yn syml iawn.
Ac mae rhai pethau sy'n blino i'w wneud,
bosibl mewn JavaScript, fel anfon cais POST,
ond i anfon cais i weinydd, rhaid i chi ysgrifennu
pump neu chwech neu saith o linellau o god.
Nawr gallwch wneud hynny mewn un llinell o god, mewn galwad swyddogaeth sengl.
Mae hynny'n wir symleiddio llawer o'r pethau yr ydych yn ei wneud.
A'r holl blant oeri yn ei ddefnyddio. Gan hynny, yr wyf yn ei olygu i mi.
Yn fy prosiect terfynol y llynedd, sy'n news.whrb.org,
sydd ar gyfer yr orsaf radio, yr wyf yn creu blog hwn
sy'n cynnal yr holl yn dangos ein bod wedi ei wneud a'r ffeiliau MP3 ar eu cyfer.
Gallwch bori drwy'r sioeau yn y gorffennol,
ac mae'n gyd ei wneud gan ddefnyddio jQuery. Gallwch ddweud
oherwydd yr holl animeiddiadau hyn, yn y bôn.
Felly os oes gennych - os ydych yn creu swydd newydd,
byddwch yn gweld hyn slideDowns bach, hynny i gyd wedi ei wneud gan ddefnyddio jQuery.
Ac mae hyn yn pylu - fel y math o bethau yn cael ei wneud i gyd drwy ddefnyddio jQuery,
ac nad oes rhaid i chi ail-lwytho yn gyson y dudalen i fynd o gwmpas y safle.
Oera beth arall sy'n cael ei wneud gan ddefnyddio jQuery yn y cyflwyniad hwn.
Im 'yn arfer ffynhonnell y peth hyn a elwir yn agored scrolldeck,
mae rhywun ysgrifennodd ar ben jQuery.
Os ydych yn edrych ar y ffynhonnell, gallwch weld bod
maent yn eu defnyddio yr arwydd doler; arwyddion doler
cael eu defnyddio mewn jQuery i ddangos bod swyddogaeth honno yn swyddogaeth jQuery.
Felly, maent yn diffinio deunydd lapio ar ben jQuery
sy'n eich galluogi i wneud cyflwyniad fel hyn,
a gallwch weld bod yma eu bod yn cynnwys y ffeil jQuery gwreiddiol,
sef yr hyn y bydd rhaid i chi gynnwys os am ddefnyddio jQuery
yn eich gwefannau eu hunain.
>> Cyffwrdd ar hynny, sut yr ydych yn ei osod?
Alli jyst mynd i jQuery.com a llwytho i lawr y ffeil,
ychwanegu at cyfeiriadur we a chynnwys.
Felly dim ond ar ei ben, yn y pen tag o'ch ffeil HTML
o'ch prif ffeil HTML, dim ond yn cael y llinell o god
gyda'r fersiwn cywir ar gyfer pa fersiwn o jQuery rydych yn ei ddefnyddio.
Gallwch ei lawrlwytho drwy fynd i jQuery.com,
cliciwch ar "jQuery llwytho i lawr," ac rydych wedi cael ei. Dyna ni.
Ac mewn gwirionedd, gallwn edrych ar yr hyn y mae'n edrych.
Os byddwch yn clicio ar lwytho i lawr yma, jQuery yw hyn.
Dim ond un ffeil JavaScript mawr sy'n gwneud yr holl bethau hud i chi.
Mae hyn yn y fersiwn minified, sydd ddim yn ddarllenadwy o gwbl.
Gallwch hefyd edrych ar y fersiwn datblygu, sydd yn ddarllenadwy
ond yn dal yn iawn, yn hir iawn.
Mae'n llawer o bethau i mewn 'na.
Gallwch hefyd gysylltu â Google fersiwn letya ohono.
Felly bydd yn caniatáu i chi yn unig yn dibynnu ar Google i'w ddarparu.
Maent yn darparu pob fersiwn ohono, ar gael bob amser.
Felly, mae'n debyg y gallwch ddibynnu ar Google i gynnal hynny ar eich rhan.
Neu gallwch gysylltu â eu hunain fersiwn diweddaraf jQuery yn.
Mae ganddynt URL sy'n cael ei diweddaru bob amser i'r fersiwn ddiweddaraf.
Mae'n jQuery-diweddaraf, ac mae un broblem gyda hynny,
sef bod os bydd y jQuery diweddaru a rhai o'r swyddogaethau blaenorol
eu bod wedi dod yn retrograded neu anghymeradwyo,
Nid yw'n Mai.-Mai. yn dechrau i beidio cael cefnogaeth anymore.
Felly, os ydych yn ysgrifennu gwefan gan ddefnyddio fersiwn 1.8.2,
gan y fersiwn amser 2.7 yn dod allan
nid yw rhai o'r swyddogaethau i chi ysgrifennu yn gweithio anymore.
Felly, mae'n well i ychydig lwytho i lawr y ffeil kB 32,
roi ar eich tudalen ar y we, a bydd yn gweithio am byth.
>> Rydw i'n mynd i fynd yn ei flaen ac yn dechrau siarad am ymarferoldeb gwirioneddol o jQuery.
Y peth cyntaf yw detholwyr. Dyma beth jQuery ei genhedlu i ddechrau darparu.
A allwch chi glicio ar y dogfennau i edrych ar
y dogfennau manwl ar gyfer y detholwyr yr wyf i'n mynd i gael eu cwmpasu.
Y syniad y tu ôl i dewiswyr yw y gallwch ddewis elfennau HTML ar dudalen.
Elfennau ar dudalen yn cael IDs a dosbarthiadau ac agweddau personol eraill ar gael iddynt.
Mae hefyd - they're mewn gorchmynion gwahanol.
Peth o'r amser maent yn nythu tu mewn i bob eraill.
JQuery yn eich galluogi i adeiladu ymholiadau syml sy'n adfer elfennau o'r dudalen.
Yna gallwch drin yr elfennau hyn gan ddefnyddio swyddogaethau jQuery,
sydd yn yr adran trin byddwn yn mynd i yn nes ymlaen.
Gallwch newid y HTML, newid y CSS,
gallwch hefyd animeiddio ac ychwanegu swyddogaethau hynny'n creu ar ddigwyddiadau penodol.
Felly, er enghraifft, os oes rhywbeth wedi clicio, yr ydych am i rywbeth ddigwydd,
gallwch wneud hynny drwy ddefnyddio jQuery yn ogystal.
Ac mae nifer fawr o ffyrdd i ddewis elfennau.
Mae'r rhan fwyaf ohonynt Dydw i erioed wedi defnyddio, ond ceir y rhai sylfaenol,
sydd yn eithaf pwysig.
Mae'r elfen detholydd, er enghraifft, os ydych ond yn dewis unrhyw beth
hynny yw div - Fi 'n weithredol yn cael y cod agored ar gyfer y cyflwyniad sleidiau.
Felly, er enghraifft, dyma y sleid gyntaf.
Yma mae gennym div. Os ydym mewn gwirionedd dewiswch yr holl divs ar y dudalen,
bydd yn dim ond rhoi amrywiaeth o holl divs sy'n bodoli yn y ffeil hon i ni.
Mae'r ID detholydd yn gadael i chi ddewis unrhyw beth sydd â ID roddir.
Felly, os yw hyn, er enghraifft, y peth hyn yr ID "beth,"
ac os ydym yn gwneud hyn gyda # beth yn hytrach na rhai adnabod,
fyddai ond yn dychwelyd arae sydd â elfen sengl a hynny yw bod elfen y dudalen.
Gallwn hefyd gyfuno dewiswyr y ffordd hon drwy gael
Dim ond dewis pethau gyda IDs sy'n divs.
Felly yeah. Dim ond dewis divs sydd wedi bod adnabod.
Ar gyfer y dosbarth 'ch jyst yn defnyddio dot,' i 'yr un peth â CSS.
Ddisgynnydd hefyd yn gweithio, felly os oes gennych rywfaint dosbarth
ac mae wedi nythu elfennau ynddo - felly, er enghraifft,
mae rhywfaint dosbarth ac mae ganddo tag angor i gysylltu i dudalen arall,
gallwch ddefnyddio'r gystrawen hwn i adfer y ddolen.
Gallwch hefyd ddewis pethau lluosog ar unwaith, dim ond eu gwahanu gan atalnodau,
defnyddio unrhyw dewisydd yr hoffech, a byddwch yn dewis pob un ohonynt ar yr un pryd, mewn amrywiaeth sengl.
Ac yna mae hefyd nad detholydd, er mwyn i chi ddewis yr holl divs
nad oes rhaid i rai ddosbarth penodol.
A dim ond ffordd ddefnyddiol i gael cyflwyniad ar sut y dewis hwn yn gweithio.
Byddaf yn dangos rhai enghreifftiau pendant mewn eiliad.
>> Dewiswyr Uwch yw - ychydig o enghreifftiau yn unig yw'r rhain.
Mae dwsinau o hyn, ond os ydych am i ddewis yr holl tagiau ddelwedd
mewn rhyw elfen, yna byddwch yn unig yn ei wneud: image.
Os ydych am i ddewis yr elfennau hyd yn oed, er enghraifft, os oes 20 ohonynt,
ydych am i ddewis 0, 2, 4, 6 ac yn y blaen,
chi ei wneud: hyd yn oed, neu gallwch hefyd wneud: od.
Mae'r rhain yn detholwyr ffug, sy'n golygu eu bod mewn gwirionedd yn cyfrifo
pob elfen arall yn hytrach na dim ond mynd a dethol pob un ohonynt.
Gallwch hefyd - mae pob elfen hefyd gael nodweddion penodol.
Felly, er enghraifft, class = ganolfan hon yn nodwedd hefyd.
Ar gyfer tag angor hwn, href, a'r cyfeirnod hyperdestun, yn nodwedd hefyd.
Felly, gallwch ddewis rhywbeth sy'n cysylltu i dudalen penodol neu ddim ond - mae'n wirioneddol gyffredinol.
Gallwch ddewis unrhyw beth gydag unrhyw priodoledd y byddech yn ei hoffi.
Ac yna, hefyd, yn cynnwys priodoledd.
Os ydych chi, er enghraifft, yn awyddus i ddewis yr holl elfennau mewnbwn
sydd â'r gair "pasio" yn enw ohonynt,
os yw tudalen yn cael bloc testun mewnbwn
sy'n cael ei alw "cyfrinair," byddai hynny'n un ffordd y gallech ddewis hynny.
Ac mae llawer mwy. Gallwch fynd yn ei flaen ac yn edrych ar y dogfennau
a gweld enghreifftiau penodol o sut mae'n gweithio.
>> Y peth nesaf yw DOM trin.
Ar ôl i ni ddewis elfennau, byddwn am ei wneud mewn gwirionedd yn bethau gyda nhw.
Hyd yn hyn nid ydym wedi edrych ar hynny o gwbl, ond os ydych yn edrych ar y dogfennau,
mae 'n sylweddol llawer y gallem ei wneud.
Ar y pwynt hwn, rydym yn mynd i ddewis elfennau ar y cyflwyniad hwn
ac yn trin eu defnyddio jQuery.
Oherwydd bod hyn yn cael ei weithredu gan ddefnyddio jQuery, rydym yn cael mynediad i'r llyfrgell jQuery,
a gallwn ddefnyddio swyddogaethau hynny o fewn y cod.
Un peth defnyddiol efallai nad ydych yn gwybod am y consol.
A Google Chrome beth Im 'yn arfer. Gallwch bwyso alt gorchymyn J
neu alt reolaeth J i agor y consol.
Yn Firefox Rwy'n credu ei fod yn gorchymyn newid K neu reoli newid K.
Yn Safari yn rhaid i chi fynd yn newid rhai lleoliadau.
Mae cyswllt os hoffech i wneud hynny, ond yr wyf yn argymell cael Chrome neu Firefox.
Felly, gadewch i ni agor y consol, mae'n lawr yma.
Mae'n caniatáu i chi yn y bôn yn unig wneud unrhyw beth rydych ei eisiau.
Felly, gallwch deipio i mewn yn creu enw x amrywiol,
x = 5, gadewch i ni weld beth x + 2.
Gallwch hyd yn oed wneud rhywbeth fel CS + gadewch i ni weld, x + 45, a fydd yn CS50.
Alli jyst gwneud rhai pethau JavaScript nodweddiadol.
Ond gallwch hefyd wneud jQuery yma.
>> Felly, gadewch i ni edrych ar yr agwedd gyntaf yma.
Rydym yn mynd i greu newidyn o'r enw HTML, sy'n llinyn.
Mae ganddo tag baragraff ynddo, dyna gelwir rhai destun newydd.
Felly, rydym wedi HTML hyn, mae'n rhywfaint o destun newydd, ym mharagraff tagiau.
Nawr rydym mewn gwirionedd yn awyddus i ychwanegu at y dudalen.
Wyf yn gosod i fyny fel bod y HTML am y paragraff hwn, teitl hwn yma, yn atodi adnabod.
Os byddwn yn dewis atodi ID ac yna atodi iddo
y newidyn HTML wyf newydd ei greu,
bydd yn ychwanegu bod HTML ar y diwedd, dde ar ôl paragraff tag hwn.
Felly, os ydym yn gwneud hynny - rydym yn dewis y paragraff hwn,
ac yr ydym wedi galw y swyddogaeth atodi gyda'r newidyn HTML Fi jyst ychwanegu,
bydd yn ychwanegu bod destun newydd iawn yno ar y dudalen.
Gallwn hefyd prepend, sy'n golygu y bydd yn mynd o'r blaen, ar ddechrau'r yr elfen honno.
Felly, mae rhywfaint o destun newydd ar ddechrau ac ar ôl hynny.
Gallaf fynd yn ei flaen ac adnewyddu i gael gwared o bethau hwn, rwyf wedi ei wneud yn unig.
Ond dyna enghraifft o sut y gallwch ddefnyddio'r prepend ac atodi dulliau
i drin pethau ar y dudalen, ychwanegu ychydig o HTML.
>> Gallwch hefyd newid dosbarthiadau.
Yn ôl yn y ffeil arddull, rwyf wedi creu'r ar gyfer y dosbarth ennill
sydd goch lliw testun, mae rhai lliw cefndir, ac mae cysgod testun.
Mae'n edrych yn erchyll, ond gallaf mewn gwirionedd -
y paragraff hwn yn cyfateb i ID dosbarth.
Felly, yr wyf yn gallu ychwanegu y dosbarth ar gyfer y fuddugoliaeth.
Gallaf gyflawni hyn yn y consol,
a fydd yn ychwanegu dosbarth hwnnw, ac yn awr mae'n edrych yn hyll, yn ôl y disgwyl.
Mae CSS yn awtomatig yn cael ei defnyddio at y dosbarthiadau eich bod chi -
os oes CSS ar gyfer dosbarth, yn awtomatig yn cael ei ddefnyddio
os byddwch yn newid y dosbarth o elfen.
Yna gallwn jyst dynnu gan ddefnyddio ddosbarth remove.
Felly os oes gennych rhai dosbarthiadau Rhagosodol fel coch neu amlygodd,
ac yna yr ydych am wneud cais hynny i elfennau,
Nid oes rhaid i chi wneud yr holl CSS steilio bob tro.
Alli jyst ychwanegu i'r dosbarth elfen, ac yna bydd yn dod yn awtomatig -
bydd yn edrych yn briodol ar gyfer y dosbarth hwnnw yn awtomatig.
Gallwn hefyd gael gwared pethau; felly dwi'n mynd i ddewis yr holl divs
ar y dudalen a chael gwared arnynt.
Beth yw bod yn mynd i edrych fel?
Mae'n mynd i edrych fel dim byd, felly does dim byd mewn gwirionedd chwith.
Fy nghyflwyniad wedi mynd.
Gallaf adnewyddu a dod ag ef yn ôl, yn ffodus,
oherwydd mai dim ond yn rhedeg unwaith,
ond mae hynny'n enghraifft o symud, os ydych am i ddinistrio elfen oddi ar y dudalen yn llwyr.
>> Gallwch hefyd ysgrifennu dros, ac rwy'n mynd i ddewis yr holl paragraff tag ar y dudalen
ac yn mynd y tu mewn iddynt ac yn disodli testun beth bynnag sydd ganddynt yn eu
gyda dim ond y gair "profion."
Os byddwch yn gwneud hyn, byddwch yn cymryd lle pob paragraff ar y dudalen gyda phrofion hwn.
Yep. Maen nhw i gyd yn disodli gan brofion.
Felly dyna enghraifft o gael mynediad at y testun a drosysgrifo iddo.
Gallwch hefyd adfer gwybodaeth, ac mae hyn yn wir yn cŵl ar gyfer blychau mewnbwn.
Os oes gennych blwch mewnbwn y mae pobl yn cael eu teipio stwff i mewn i,
pobl yn deipio stwff i mewn iddo,
yma rydym yn dewis y mewnbwn, unrhyw dag mewnbwn gyda math o destun.
Yn yr achos hwn, dim ond un blwch mewnbwn yn y cyflwyniad cyfan,
felly byddwn yn dewiswch yr un cyntaf, ac yna rydym yn galw y swyddogaeth Val arno.
Mae hynny'n dychwelyd y gwerth, ac ar gyfer blwch mewnbwn,
gwerth yn unig yw beth bynnag sy'n digwydd i fod y tu mewn iddo.
Felly, os ydym yn gwneud hyn, 'i jyst yn dychwelyd y pethau llinyn.
Ac os ydym yn galw eto ar ôl ysgrifennu mwy o bethau, mae'n troi i mewn i fwy o bethau.
Dyna un ffordd wych i gael gafael ar elfennau o flwch mewnbwn, ac yna gwirio,
yw hwn yn gyfeiriad e-bost dilys, a yw hyn yn ddyddiad dilys, er enghraifft.
Alli jyst adfer pethau yn syth gan fod pobl yn ei deipio,
ac yna gwirio a yw'n ddilys, anfon yn ôl i weinydd, wneud unrhyw beth rydych ei eisiau ag ef.
A dyna sut i gael gafael ar yr hyn sydd y tu mewn blychau hynny.
>> Gallwch hefyd addasu CSS yn uniongyrchol, felly yn hytrach na ychwanegu
dosbarth sydd â rhai eiddo predefined,
gallwch ychwanegu beth bynnag CSS ydych am i unrhyw beth.
Corff dethol Felly gadewch i ni, sef y cyflwyniad cyfan,
a lliw yn yr eiddo sy'n diffinio'r hyn y lliwiau y testun yn.
Os byddwn yn newid i goch, bydd yr holl destun yn y dudalen yn troi i goch.
Gallwn wneud rhywbeth fel glas lliw cefndir,
dyna ni, mae'n hyfryd.
Gallwch wneud unrhyw beth rydych am â hyn.
Gan ddefnyddio'r eiddo CSS, gallwch chi wir addasu sut mae unrhyw beth yn edrych ar unrhyw adeg.
Y peth nesaf yw effeithiau.
Effeithiau yn y bôn yr un peth â newid y CSS,
ond maent mewn gwirionedd yn darparu rhywfaint o animeiddiad ychwanegol iddo.
Felly, yn hytrach na dim ond dangos neu guddio rhywbeth neu newid y lliw,
gallwch chi mewn gwirionedd yn ei wneud yn hanimeiddio.
Dyma y ddogfennaeth, os ydych am i edrych ar y dogfennau helaeth ar ei gyfer.
Ond dw i ddim yn mynd i dalu am y prif rai.
Mae y sioe ac eiddo cuddio.
Dangos / cuddio ID gwirionedd yn cyfateb i flwch gyfan hon,
felly os wyf yn cuddio hynny, bydd yn jyst diflannu.
Ac yr wyf yn gallu dangos ei fod eto os wyf am ei gwneud yn dod yn ôl.
Ac mae'n ôl. Nid oedd mewn gwirionedd yn diflannu,
Doeddwn i ddim mewn gwirionedd yn symud oddi ar y dudalen, Fi jyst yn gosod yr eiddo CSS gwelededd i cudd
felly ni allwch ei weld anymore.
Mae hefyd wedi llithro i fyny ac yn llithro i lawr, sy'n eich galluogi i gael yr effaith hon.
Mae'n sleidiau i fyny i ddiflannu, ac ar ôl iddo ddiflannu
gallwch chi lithro i lawr i wneud yn dod yn ôl. Ac yn awr ei fod yn ôl.
Mae hyn hefyd effaith pylu, sydd - ID pylu yn cyfateb i'r blwch.
Os byddaf yn pylu allan, yna bydd yn diflannu yn araf.
Gallaf hefyd pylu mewn, a bydd yn dod yn ôl.
Gallwch hefyd wneud pylu i, sy'n benodol i'r swyddogaeth pylu.
Gallwch gael yn pylu i unrhyw didreiddedd penodol yr ydych ei eisiau.
Felly, os ydych yn pylu yn araf i .5, bydd yn dod yn hanner weladwy.
Gallaf ei wneud yn mynd i .1, ac yn ôl i 1 i'w gwneud yn gwbl weladwy eto.
Dyna dim ond animeiddio arall y gallwch ei wneud.
>> Mae yna hefyd yr effeithiau togl.
Felly, yr wyf i'n mynd i ddewis y ID togl, sy'n cyfateb i'r blwch hwn,
ac ar y div gallwch ffonio toggle, os yw'n amlwg y bydd yn dod yn anweledig,
os yw'n anweledig y bydd yn dod yn weladwy eto.
Felly, yr wyf newydd alw y swyddogaeth toggle ddwywaith; yr un cyntaf oedd
yr un peth â croen, yr ail alwad yn yr un peth fel sioe.
A allwch chi hefyd yn gwneud hyn gyda togl pylu,
sy'n gwneud yr un peth, ac eithrio mewn gwirionedd mae'n pylu.
Ac un peth â'r sleid toggle.
Ceir effeithiau cadwyn hefyd, sy'n golygu
os ydych yn dewis elfen a dim ond galw criw o ddulliau animeiddio arno,
os ydych yn dymuno iddo diflannu allan, yna llithro i lawr,
ac yna cuddio ac yna diflannu i mewn, bydd yn eu gwneud yn olynol.
Felly diflannu, daeth yn ôl - am ryw reswm, nid y croen yn digwydd.
Gadewch i ni roi cynnig arni. Yeah, felly mae'n pylu allan ac yna llithro i ffwrdd.
Ac mae llawer mwy. Gallwch ddefnyddio'r swyddogaeth animeiddio
i greu eich animeiddiadau hun, sy'n eithaf cymhleth,
ond mae'n rhoi i chi extensibility diddiwedd.
Gallwch wneud unrhyw fath o animeiddio ydych ei eisiau.
Gallwch hefyd ddefnyddio ciw i ciw i fyny animeiddiadau lluosog ar y tro.
Felly, os ydych chi eisiau rhywbeth i hedfan ar draws y dudalen,
sleid o'r dde uchaf i'r chwith gwaelod, gallwch wneud hynny,
a dim ond yn cael criw o gamau gweithredu yn mynd un ar ôl y llall.
>> Y peth nesaf rydym yn mynd i siarad amdano yw digwyddiadau.
Digwyddiadau yn caniatáu i chi - hyd yn hyn, rydym wedi newydd gael ei teipio pethau i mewn i'r consol
ac mae hynny'n un ffordd i wneud i hyn ddigwydd,
ond ar dudalen go iawn, nid ydych yn mynd i fod yn gallu
gwneud y pethau math o ddefnyddiwr i mewn i'r consol.
Ydych am i bethau ddigwydd yn awtomatig.
Er hynny, mae angen i chi ddefnyddio digwyddiadau sy'n activate ar rai penodol digwydd digwyddiad.
Gallwch edrych ar y dogfennau am y manylion llawn.
Felly, gadewch i ni weld. Rydym yn awyddus i guddio neu ddangos y blwch,
ond ar hyn o bryd nid botwm hwn yn gwneud unrhyw beth gan nad oeddwn yn ei weithredu eto.
Rydw i'n mynd i fynd i'r dudalen HTML gwirioneddol.
Dyma y sleid. Mae yna div ar gyfer y sleid.
Mae wedi y dosbarth o sleidiau.
Mae y testun. Yn awr, mae y blwch hwn ac y botwm blwch.
Sut y byddem yn mewn gwirionedd yn gwneud hyn yn diflannu?
Yn gyntaf oll, gadewch i ni ysgrifennu swyddogaeth sy'n gwneud y blwch ID diflannu.
Mae hyn yn y gystrawen am funtion, gadewch i ni ei alw'n ddim hideTheBox.
Nid yw'n cymryd unrhyw ddadleuon, oherwydd nad oes unrhyw ddadleuon i'w cymryd.
Gallwn ddewis y blwch adnabod.
Felly, gan ddefnyddio'r jQuery dewis, gallwn ddewis blwch adnabod,
ac yna dim ond yn ei gwneud yn diflannu.
Gadewch i ni ei wneud yn pylu allan.
Os byddwn yn rhedeg y swyddogaeth hon yn y consol ei hun,
gallem ddiffinio swyddogaeth hon, gallwn alw hideTheBox, ac y mae'n gweithio.
Ond yr ydym am i hyn ddigwydd pan fydd y botwm ei bwyso mewn gwirionedd.
I wneud hynny, mae'n rhaid i ni ddefnyddio digwyddiad.
I rwymo digwyddiad i ryw botwm penodol neu ryw digwydd weithredu,
mae'n rhaid i ni ddewis yr elfen y bydd y digwyddiad yn sbarduno -
neu a fydd yn sbarduno'r digwyddiad, mae'n ddrwg gennyf.
>> Felly, yn gyntaf oll, gadewch i ni ddewis y botwm blwch ID
oherwydd dyna y botwm, ac yn awr, ar gyfer y botwm,
rydym am i greu animeiddiad pan gaiff ei glicio.
Felly, mae hyn yn swyddogaeth cliciwch.
Mae'n caniatáu i chi i rwymo swyddogaeth arall iddo.
Mae'r swyddogaeth hon yn cymryd swyddogaeth arall fel dadl
gallwn drosglwyddo yn y swyddogaeth hideTheBox,
a phryd bynnag y botwm hwn yn cael ei glicio, bydd y swyddogaeth gweithredu yn awtomatig.
Felly, bydd hyn yn gweithio os ydym yn achub y, 'n annhymerus' adnewyddu,
ac - un eiliad, Mae'n ddrwg gen i.
Gadewch i mi atgyweiria hon yn gyflym iawn.
Iawn. Dyna ni. Felly, yn awr y blwch yn diflannu pan fyddwn yn clicio ar y botwm.
Gallwn hefyd newid hyn i ychydig fadeToggle,
ei newid dim ond i guddio neu ddangos y blwch,
a bydd hyn hefyd yn gweithio hefyd, os ydym yn adnewyddu.
Gallwn ei guddio, gallwn hefyd yn dangos hynny, ac y bydd yn parhau i weithio.
Beth arall y gallwn ei wneud yw, nid oes gennym mewn gwirionedd i ddiffinio swyddogaeth hon hideTheBox
cyn i ni alw y swyddogaeth cliciwch.
Felly, yn hytrach na diffinio swyddogaeth ac yn galw hideTheBox,
rydym yn unig yn mynd i alw os y peth ei glicio.
Felly, gallwn ddiffinio ddienw i mewn yma,
sydd yn nodwedd sy'n JavaScript wedi.
Gallwch diffinio swyddogaeth; fel arfer, byddem yn dweud swyddogaeth hideTheBox
gyda dadleuon, ond yn hytrach, gallwn ddweud gweithredu unrhyw ddadleuon,
cychwyn y Brace cyrliog i ddiffinio swyddogaeth,
gau'r cyrliog Brace, ac yna dim ond diffinio swyddogaeth yma,
o fewn y cromfachau cyntaf a'r olaf parenthesis
sy'n cyfateb i ddadleuon y swyddogaeth cliciwch.
Felly, rydym yn pasio yn y swyddogaeth hon, gallwn copïo y llinell o god dde yma,
a fydd yn gwneud yr un peth yn union.
Ac yn awr nid ydym yn cael y swyddogaeth fadeTheBox ar hap
sydd yn eistedd o gwmpas am unrhyw reswm amlwg.
Mae'r swyddogaeth wedi'i diffinio'n ddienw, nid oes ganddo enw.
Ni fydd ond yn gweithredu pan fyddwn yn clicio ar y botwm blwch.
Mor braf unwaith eto, un yn fwy o amser, a gallwch weld ei fod yn dal i weithio.
A dyna sut yr ydych yn creu digwyddiadau.
>> Mae yna lawer o wahanol ddigwyddiadau y gallwn eu defnyddio.
Rydw i'n mynd i newid yn ôl i ddefnyddio'r consol i ddim ond dangos i chi sut mae'r rhain yn gweithio.
Mae'r IDs gyfer pob un o'r rhain yn cyfateb i bob blwch.
Felly y blwch hwn yn cliciwch ID, yr un yma yn ID allweddol, ac mae hyn yn un yn ID llygoden.
Un peth arall yw nad oes y swyddogaeth gweithredu; hytrach na deipio allan bob tro,
Fi 'n weithredol mynd yn ei flaen ac yn diffinio y swyddogaeth gweithredu i lawr yma.
Mae'n gwneud yr un peth â'r swyddogaeth hideTheBox.
Mae'n cael y blwch hwn a naill ai pylu allan neu pylu ei fod mewn
A dyna pam ein bod yn gallu ei ddefnyddio yma.
Felly, os ydym yn cliciwch ar cliciwch yma ID, rydym am wneud y blwch diflannu neu'n ailymddangos.
Mae yr un peth ag y botwm a gawsom yn y sleid olaf.
Nawr, ar ôl yr ydym yn galw hynny, gallwn glicio ar hyn a bydd y blwch yn diflannu,
Yna, cliciwch arno eto a bydd y blwch yn ailymddangos.
Dyna 'n bert syml. Cliciwch ddwywaith yn gwneud yr un peth,
ac eithrio ei fod yn gofyn clic dwbl.
Felly, os ydych yn cliciwch arno unwaith a chliciwch arno eto fydd dim yn digwydd,
ond os ydych yn cliciwch ddwywaith yn gyflym, bydd yn diflannu.
Os ydych yn cliciwch ddwywaith eto, bydd yn dod yn ôl.
Felly, mae hynny'n eithaf syml.
Mewnbwn bysellfwrdd yn fath o 'n annaearol, nid wyf yn credu ei fod mewn gwirionedd yn gweithio yn yr enghraifft hon
oherwydd bod yr allwedd i lawr, hyd allweddol a'r wasg allweddol a chamau gweithredu allweddol eraill
activate ni waeth pa elfen rydych rhwymo iddo.
Er enghraifft, hyd yn oed os wyf yn rhwymo i lawr allweddol i gorff neu rywbeth arall yn gyfan gwbl,
yna byddai'n dal i activate waeth - nid yw'n benodol.
Nid oes yn rhaid i mi fod yn clicio ar hyn ac yn pwyso allwedd i wneud unrhyw beth yn diflannu.
Byddai'n cael ei weithredu waeth pa elfen rwy'n ar hyn o bryd mewn
Felly, nid yw'r rhain yn gweithio mewn gwirionedd yn yr enghraifft hon
gan nad yw'n nabod fi fel mynd i mewn cyfrannu at y mewnbwn div bysellfwrdd.
>> Ond os ydych yn edrych ar y camau gweithredu llygoden,
yr un cyntaf yn hofran, a gall wneud rhywfaint o hyn gan ddefnyddio CSS.
Os ydych yn defnyddio CSS, gallwch greu, felly os ydych yn hofran dros rywbeth,
Yna, ei newidiadau arddull.
Ond gan ddefnyddio jQuery gallwch newid y arddulliau o bethau eraill hefyd.
Felly, er enghraifft, rydym yn mynd i alw gweithredu os ydym yn hofran dros div hwn.
Mae hynny'n golygu os ydym yn hofran drosto, yna bydd y blwch yn diflannu.
Os byddwn yn symud i ffwrdd oddi wrtho, bydd y blwch yn ailymddangos.
Os byddwn yn galw hyn ac yn hofran drosto, y blwch yn diflannu,
a chyn gynted ag yr ydym yn symud i ffwrdd, daw yn ôl.
Os byddwn yn galw hyn yn swyddogaeth hofran ar y ID llygoden,
sy'n cyfateb i'r blwch hwn, yna, os ydym yn hofran dros y blwch,
Yna, bydd y blwch yn diflannu mewn gwirionedd - mae'n cael ei ffynci ar hyn o bryd, ond -
os byddwn yn symud i ffwrdd oddi wrtho, bydd yn ailymddangos. Ar hyn o bryd mae'n ôl am ryw reswm.
Mae'r llygoden fynd i mewn a swyddogaethau symud llygoden yn braidd yn debyg, ond ychydig yn wahanol.
Llygoden mynd i mewn dim ond activates pan fydd y llygoden yn mynd i mewn i'r blwch, yn ôl y disgwyl.
Felly, os byddwch yn symud i mewn iddo, bydd yn diflannu.
Ond ni fydd yn ailymddangos pan fyddwch yn symud i ffwrdd, bydd rhaid i chi symud yn ôl arno er mwyn iddo ddod yn ôl.
Mae yna hefyd y swyddogaeth symud llygoden, a fydd yn ysgogi
pryd bynnag y llygoden yn oed yn bresennol yn y blwch.
Felly, bydd yn jyst cadw ar fynd, pylu i mewn ac allan.
Ac mae'n logio mewn gwirionedd - mae'n ymddangos fel mai dim ond pylu i mewn ac allan,
ond mae'n mewn gwirionedd yn logio llawer mwy o gamau na hyn,
felly pan fyddwch yn symud i ffwrdd bydd yn jyst cadw i fynd oherwydd ei fod yn cofnodi fel mil ohonynt.
Efallai nad mil. Efallai bump.
Mae'n cofnodi mwy na hynny.
Y pwynt yw, yr holl gamau llygoden, mae yna lawer ohonynt.
Gallwch ddarllen i fyny ar y rhai eraill, ond maent i gyd ychydig yn wahanol,
a gallwch ddewis pa bynnag un sydd ei angen arnoch
am ba un bynnag ddiben penodol yr ydych yn ceisio ei wneud.
>> Y peth nesaf i ddim yn mynd i siarad amdano yw AJAX.
AJAX, yr wyf yn gwybod nad ydym yn cwmpasu JavaScript mor fanwl eleni,
felly Im 'jyst yn mynd i siarad am AJAX yn gyffredinol am funud.
AJAX yn sefyll am JavaScript Asynchronous a XML.
Mae'n yn y bôn, er enghraifft, pan fyddwch chi ar Facebook ac yn gwthio i chi hysbysu,
hynny oherwydd AJAX yn rhedeg ar eich porwr gwe.
Bob cwpl o eiliadau eich porwr gwe mewn gwirionedd
mynd i gweinyddwyr Facebook, gan ofyn iddynt, a oes gennych unrhyw beth newydd i mi,
ac yna mae'n dod yn ôl i chi.
Mae hyn yn eich galluogi i anfon ceisiadau i weinydd
heb holi i orfod lwytho'r dudalen.
Fel arfer, felly, os ydych ond yn defnyddio PHP a chronfa ddata,
rhaid i chi adnewyddu'r dudalen cyn y gallwch gael gwybodaeth newydd o'r gweinydd.
Ond gan ddefnyddio AJAX, gallwch dynnu am y wybodaeth newydd yn gyson,
neu dynnu ar ei gyfer pan fyddwch yn clicio ar fotwm neu unrhyw beth fel 'na.
Felly, mae hyn yn ein galluogi i anfon ceisiadau heb ail-lwytho y dudalen,
a gallwn ddefnyddio naill ai GET neu SWYDD ceisiadau.
>> GET ceisiadau, er enghraifft, os ydych i Google.com in English
ac yn gwneud prawf q =. Mae hynny'n rhoi prawf ymholiad iddynt.
A dyna cais GET oherwydd ei fod yn pasio yn y paramedrau hynny i mewn i'r URL ei hun.
Mae cais SWYDD fel os ydych yn eu hanfon drwy'r post.
Mae'n debyg i chi ei roi mewn llythyr a long i ffwrdd iddynt,
ond nid ydynt mewn gwirionedd yn gweld y cynnwys. Dydyn nhw ddim i'w gweld yn y URL.
Ni allwch deipio yn uniongyrchol i mewn; rhaid i chi anfon hi bron yn gyfrinachol.
Mae'n mewn swydd.
Ond gan ddefnyddio jQuery, gallwch wneud GET a POST ceisiadau
yn llawer haws nag y gallai chi fel arfer gan ddefnyddio dim ond JavaScript plaen.
Gallwch holi APIs ddefnyddio ceisiadau GET, a gallwch hefyd wirio am gwybodaeth mewngofnodi.
Ar y dudalen nesaf, yr wyf yn creu hwn, sy'n gofyn, "Beth sydd i ginio?"
gan ddefnyddio bwyd Harvard API, felly gadewch i ni dynnu hynny.
Mae hyn yn unig yn enghraifft o sut y gallwch ddefnyddio jQuery i wneud cais GET i API
a chael gwybodaeth yn ôl oddi wrtho.
Felly, yr ydym am weld y fwydlen ar gyfer heddiw,
ac yr ydym am weld beth sydd i ginio.
Dyma 'r URL i greu cais GET yn jQuery.
eich bod yn defnyddio'r $. cael swyddogaeth.
Mae'r ddadl gyntaf yw'r URL, felly yn union beth rydych yn ei holi.
Yna y ddadl nesaf yn swyddogaeth sy'n executes pan fydd y cais GET yn gyflawn.
Felly, i chi anfon rhywfaint cais i'r gweinydd, arhoswch iddo ddod yn ôl.
Pan fydd yn dod yn ôl, rydych yn mynd i gymryd rhai camau â'r data sy'n ôl oddi wrth y gweinydd.
Gadewch i ni fynd yn ei flaen a rhoi côd i hyn hefyd.
Doeddwn i ddim yn codio hyn naill ai, ar bwrpas.
Dyma y TODO. Yn gyntaf oll, gadewch i ni ddefnyddio'r digwyddiad rhwymo
felly pan botwm hwn yn cael ei wasgu, byddwn yn anfon cais GET i ffwrdd.
A pan fydd y cais GET dychwelyd gyda rhywfaint o ddata,
rydym yn mynd i ysgrifennu i mewn pryd hwn info div adnabod.
Yn gyntaf oll, gadewch i ni ddewis y bwyd ID botwm.
Pan gaiff ei glicio, rydym am iddo wneud rhywbeth.
Gadewch i 'jyst yn ei gwneud yn fuction dienw, fel o'r blaen.
Lapio gall y rhai braces cyrliog,
a phryd y botwm hwn yn cael ei wasgu, rydym am anfon cais GET
i weld beth sydd i ginio.
I wneud hynny, gallwn jyst deipio i mewn $. Gael.
Mae hon yn swyddogaeth jQuery, gan ddefnyddio'r arwydd ddoler.
Mae'n cymryd ychydig o ddadleuon. Mae'r un cyntaf yn y URL,
yr ail un yw swyddogaeth galw'n ôl, y swyddogaeth sy'n cael ei alw
pan fydd y cais mewn gwirionedd yn dychwelyd.
Gadewch i 'jyst adeiladu'r URL gyntaf.
Gallwn gael oddi wrth y API fod David ysgrifennu i fyny.
Mynd yma, gallwn weld ei fod yn food.cs50.net/api/1.3/menus,
ac yna 'ch jyst pasio yn enwau y paramedrau y byddech yn ei hoffi.
Felly paramedr 1 yn werth 1.
Mae'n edrych fel dyddiad safonol, dyddiad cychwyn, ddiffygion hyd heddiw
os nad ydych yn mynd i unrhyw beth, a dyddiad gorffen hefyd diffygion
hyd heddiw os nad ydych yn mynd i unrhyw beth.
Dyna beth yr ydym ei eisiau. Rydym am i ddim ond yn cael y wybodaeth ar gyfer heddiw.
>> Rydym am i'r fformat fod mewn JSON.
Dyna dim ond mympwyol, a gallwch ddefnyddio unrhyw ffurflen y byddwch yn ei eisiau.
Gallwch ddefnyddio CSV, ond JSON yw JavaScript Nodiant Gwrthrych.
Mae'n hawdd iawn i JavaScript i ddeall yr hyn y mae'n ei olygu,
a gallwn argraffu allan yn haws y ffordd honno.
Felly, gadewch i ni gofyn am hynny mewn JSON, a gwneud cais am ginio gadewch i.
Felly, pryd = cinio. Dim ond i ysgrifennu i fyny y URL, rydym yn mynd yn ôl yma.
Mae bwydlenni. Y paramedr cyntaf yw allbwn = JSON
oherwydd dyna beth yr ydym ei eisiau, ac rydych yn gwahanu'r paramedrau ag 'a.'
Yr ail baramedr yw - Dydw i ddim yn cofio.
Pryd o fwyd. Ac rydym am cinio =.
Gallwch brofi hyn drwy deipio URL i mewn i'ch porwr ac yn mynd iddo.
Bydd yn rhoi rhywfaint o allbwn chi. Dim ond bagad o bethau sy'n am ginio.
Mae'n ffurf hyll hwn. Rydym am ei argraffu ar ein tudalen mewn fformat gwell.
Felly, yr URL yn gywir, yn awr mae'n rhaid i ni ysgrifennu swyddogaeth
i alw yn ôl pan fydd y cais yn llwyddiannus.
Bydd y swyddogaeth hon mewn gwirionedd yn cymryd dadl. Bydd yn data.
Mae'r data hyn yn dod yn ôl oddi wrth y cais GET ar ôl y cais GET yn cael ei wneud.
Gallwn wneud y braces cyrliog, mewn yma byddwn yn ysgrifennu y swyddogaeth dienw
sy'n executes, gan ddefnyddio'r data hwnnw pan fyddwn yn cael y wybodaeth yn ôl.
Felly data, pan fyddwn yn teipio yn yr URL,
mae hyn yn beth mae'r data yn mynd i edrych fel. Mae'n mynd i fod yn y llinyn enfawr.
Ond y peth da yw, gall JavaScript dosrannu iddo gan ddefnyddio'r swyddogaeth JSON.parse.
Felly, gadewch i ni greu newidyn newydd o'r enw data dosrannu.
A data dosrannu yn amrywiaeth o wrthrychau.
Mae pob gwrthrych yn cynnwys gwybodaeth fel - wel, gadewch i ni edrych.
Mae ganddo dyddiad, pryd o fwyd, categori, rysáit, hyn i gyd pethau eraill.
Felly, gadewch i ni argraffu'r enw ar gyfer pob un.
Gadewch i ailadrodd dros holl amrywiaeth o bethau yr ydym yn mynd yn ôl oddi wrtho,
a dim ond argraffu pob un - argraffu enw pob un.
Mae hyn yn ar gyfer dolen.
>> Mae JavaScript hwn gystrawen ddefnyddiol lle gallwch greu amrywiol ac ddolen dros amrywiaeth,
ac var fi yn unig y iterator, felly yn hytrach na gorfod gwneud var i = 0,
fi oedd yn llai na hyd, i + +, gallwch wneud var i mewn data parsed.
Yn yr enghraifft hon, bydd data parsed (i) yn cyfateb i'r elfen gyfredol
y rhesi, y gwrthrych ei hun.
Ac rydym am i gael y enw allan ohono.
Felly, gadewch i ni wneud enw.
A'r peth olaf yw, rydym yn mynd i gael rhywfaint o jQuery eto.
A dweud y gwir ychwanegu at y div, pryd hwn div gwybodaeth sy'n wag ar hyn o bryd.
Felly, gadewch i ni ddewis hynny.
Byddwn yn defnyddio'r wybodaeth pryd jQuery a dewiswch ID div, neu flawd gwybodaeth ID, mae'n ddrwg gennyf.
Rydym yn awyddus i atodi i hyn.
Pe baem yn gwneud prawf, er enghraifft, fyddai dim ond yn ysgrifennu drosti bob tro.
Felly, gallwn yn unig atodi hyn.
Yr elfen bresennol yn y casgliad, byddwn yn cael yr enw allan ohono,
a byddwn yn ei atodi at ddiwedd y pryd info div adnabod.
Ac yna dim ond i wneud yn edrych yn lanach,
byddwn hefyd yn atodi toriad llinell felly nid yw'n gyd ar un llinell.
Felly, os bydd popeth yn mynd yn dda, a ddylai fod yn dda -
yn gyntaf oll, pryd bynnag y botwm hwn yn cael ei glicio,
bydd yn anfon y cais GET i'r URL.
Pan fydd y data yn dod yn ôl oddi wrtho, bydd yn dosrannu iddo,
troi i mewn JSON, ddolen dros y casgliad cyfan sy'n cynrychioli'r data,
ac yna atodi enw a seibiant llinell
i bob llinell yn y pryd hwn ID gwybodaeth a oedd yn wag yn flaenorol.
Felly, mynd yn ôl i'r dudalen hon, byddwn yn adnewyddu,
cliciwch, cael gwybod - nid yw'n gweithio. Mae hynny'n anffodus.
A dyma lle debugging yn dod i mewn
Index.html, llinell 1.
Mae hynny'n ddiddorol.
Mae pob hawl, yn dda, yn hytrach na gwario amser yn gwneud hyn, Im 'jyst yn mynd i
dynnu i fyny y ffeil gwneud hynny gennyf, sef y fersiwn gwblhau.
Dydw i ddim yn siwr beth yw'r gwahaniaeth, ond gallwn jyst agor hyn i fyny yn lle hynny.
Ac rydym yn mynd i'r AJAX, a dylai hyn weithio yn gywir.
Dyna beth oedd ar gyfer cinio heddiw,
mewn unrhyw drefn benodol, gyda dyfyniadau o gwmpas, felly nid yw'r harddaf.
Ond, yn amlwg, os ydych yn gwneud hyn ar gyfer prosiect terfynol,
y byddech yn ei wneud yn edrych yn well.
Ond dim ond yn enghraifft syml o sut yr ydych yn gwneud y cais GET.
Ac os ydym yn edrych ar y cod ei hun, rwy'n dyfalu, Rwy'n eithaf siwr
mae'n dal i 'n bert lawer yr un fath.
Oh, anghofiais i drosi i linyn, dyna ni.
Na, nid yn dal i weithio. Beth bynnag, dyma y cod gwblhau gwirioneddol
ar gyfer yr hyn dylai hyn yn edrych fel,
ac mae'n gwneud yr un peth â hyn yr wyf newydd eu gweithredu.
Pan fyddwch yn clicio ar y botwm, mae'n defnyddio GET JSON i gramadegu y data yn awtomatig.
Mae'n cymryd y data yn ôl oddi wrtho a dolenni trwy'r casgliad cyfan
a phrintiau allan - beth bynnag sydd i ginio heddiw, yr enw ohono,
a appends egwyl llinell ar ôl pob llinell.
Dyna sut yr ydych yn defnyddio'r swyddogaeth GET.
>> Gallwch hefyd ddefnyddio POST, nad oedd gen i amser
i ysgrifennu esiampl ar ei gyfer, ond gallwn edrych ar y dogfennau.
Os ydych yn edrych ar jquery.post,
gallwch weld ei fod yn bron yr un peth.
Mae gennych URL, ond yn lle pasio paramedrau defnyddio -
dim ond eu rhoi yn y llinyn ar gyfer y URL ei hun,
rhaid i chi basio yn y newidyn data
sydd yn y bôn yn amrywiaeth, geiriadur bod y paramedrau mapiau i werthoedd.
Byddwch yn mynd heibio, mewn, ac yn eu hanfon wrth ddefnyddio SWYDD.
Ac unwaith y mae'n rhaid i chi hynny, yna gallwch gael swyddogaeth llwyddiant
sy'n executes pan ddaw'r data yn ôl.
Fel arall, ei fod yn union yr un fath. Felly, gan ddefnyddio POST,
efallai y byddwch am ddefnyddio POST, er enghraifft, os oes gennych ffurflen mewnbwn
gadael i bobl eich cyfrineiriau mewnbwn i mewn iddo, ac yn anfon cyfrineiriau hynny oddi
at eich sgript yn ôl diwedd, i wirio yn y gronfa ddata a yw'r defnyddiwr yn ddilys ai peidio.
Gallwch wneud hynny i gyd yn defnyddio jQuery yn hytrach na gorfod adnewyddu'r dudalen o gwbl.
Dyna sut yr wyf yn gweithredu yn y blog yr wyf yn dangos i chi yn gynharach.
Os ydym yn mynd i'r porth diwedd ac allgofnodi, ewch allan,
Logio allan yn gweithio.
Wel, gadewch i mi jyst agor i fyny in a new window.
Yma mae cyfrinair, ac yr wyf yn mynd i deipio rhywbeth ar hap.
Nid yw'n gweithio, ond gallwch weld nad ydym yn gwneud
rhaid i adfywio'r dudalen o gwbl mewn gwirionedd.
Mae'r cod, os ydych am i edrych arno,
i gyd ar gael yma.
Felly, y cod Ysgrifennais y llynedd rywbryd.
Fel y gallwch weld yma, rydym yn anfon cais SWYDD.
Mae gen i ffeil o'r enw login.php yn y pen-ôl,
sy'n gwirio os yw'r cyfrinair yn ddilys.
Mae'r paramedrau yr ydym pasio yn cael eu cyfrinair, mapio i
mewnbwn y sydd yn y blwch mewnbwn ar hyn o bryd.
A phan ddaw'r data yn ôl, byddwn yn gwirio.
Os yw'r data yn ffug, yna rydym yn dweud cyfrinair anghywir, llithro i lawr,
a dim ond yn ei gwneud yn diflannu ar ôl hynny.
Fel arall, rydym yn llwytho'r dudalen admin.
Ac mae hyn i gyd wedi ei wneud gan ddefnyddio JSON.
Yn y nifer o linellau o god, gallwch drosglwyddo data i'r pen-ôl,
sicrhau ei fod yn gywir, gwiriwch p'un a ydych wedi logio i mewn yn gywir,
ac mewn gwirionedd yn ymateb iddo, ailgyfeirio'r person at y dudalen gywir
neu beidio â gadael iddynt fewngofnodi a dweud wrthynt eu bod yn cael cyfrinair anghywir.
Felly dyna enghraifft o sut y gallech ddefnyddio POST jQuery
i anfon cais POST at eich pen-ôl,
gwirio a yw rhywun wedi mewngofnodi gywir.
>> Mae pob hawl, fel eu bod i gyd yr enghreifftiau oedd gen i, a'r holl bethau roeddwn i eisiau i dalu.
Mae'r rhai yw'r prif bethau sy'n jQuery caniatáu i chi ei wneud:
dewis elfennau, addasu eu defnyddio DOM trin,
gallwch ychwanegu effeithiau, activate pethau ar ddigwyddiadau penodol,
a hefyd yn gwneud ceisiadau AJAX ddi-dor iawn ac yn hawdd.
Felly, diolch i chi am ddod neu wylio,
ac os oes gennych unrhyw gwestiynau, dim ond gadewch i mi wybod. Yeah?
[Myfyrwyr] Yn ôl pan fyddwch yn dangos, cawsoch JSON ar ôl y cais POST mewn dyfynodau,
ac yr oeddwn yn meddwl tybed beth a wnaeth.
>> Yeah, yr wyf yn gweld. Y cwestiwn oedd, yn yr enghraifft a Fi jyst yn dangos,
roedd y gair JSON mewn dyfynodau o gwmpas y -
'N annhymerus' jyst dynnu i fyny eto - o amgylch y swyddogaeth POST.
Im 'jyst yn tynnu i fyny i ddangos.
Felly dyma cais hwn am POST, ac mae JSON hwn mewn dyfynodau.
Mai dim ond diffinio yr hyn rydym yn disgwyl i'r allbwn fod.
Felly, os ydym yn pasio yn JSON fel y math data disgwyliedig,
nid yw'n ofyniad, ond os ydym yn pasio i mewn,
yna bydd y data yn cael ei parsed awtomatig fel JSON.
Felly, nid oes rhaid i alw y swyddogaeth dosrannu JSON arno,
bydd yn jyst digwydd yn awtomatig.
Ac os ydych yn edrych ar y dogfennau ar gyfer POST,
mae hyn yn amrywio math o ddata, y math o ddata a ddisgwylir gan y gweinydd.
Mae'n ddiffygion i ddyfalu deallus a all fod yn anghywir,
fel y gallwch adael yn wag, ond dim ond y math o ddata
yn codio eich bod yn ei ddefnyddio, boed yn JSON neu XML neu rywbeth arall.
>> Unrhyw gwestiynau eraill?
Mae pob hawl. Os oes gennych unrhyw gwestiynau eraill, mae croeso i e-bost ataf
yn vshekhawat@college.harvard.edu,
a dylai'r sleidiau a chod gael ar-lein 'n bert cyn bo hir.
Pob lwc gyda'ch prosiectau terfynol, gobeithio y byddwch yn defnyddio jQuery.
[CS50.TV]