[Powered by Google Translate] [Seminar: jQuery]
[Vipul Shekhawat, Harvard University]
[Dan huwa CS50.] [CS50.TV]
Jekk int wara flimkien fid-dar, inti tista 'attwalment aċċess slides tiegħi online
billi tmur din ir-rabta.
Huwa TjjRWj, fuq bit.ly.
Tista 'wkoll biss tmur għall-URL direttament,
li huwa cloud.cs50.net / ~ vshekhawat, li huwa l-isem tiegħi,
u jquery.
I ħafna ninkoraġġukom biex isegwu flimkien jekk inti qed jaraw fid-dar,
u jekk int hawn, ukoll, minħabba li din hija preżentazzjoni pretty interattiv.
>> Allura llum jien ser tkun jitkellem dwar jQuery, u l-ewwel kwistjoni hija,
dak li huwa jQuery?
Din is-sena, I know inti guys ma koprewx JavaScript
fid-dettall kemm għandna fis-snin imgħoddija.
JavaScript huwa, qabel kollox, biss f'lingwa client-side
li tuża biex imexxu skripts u kodiċi fuq magna kull utent.
Allura għandek server li jipprovdi paġni tal-web għall-persuni,
iżda inti tista 'tixtieq li tagħmel Jittieħed fuq magna tagħhom,
jistaqsu magna tagħhom li tibgħat talbiet għal server tiegħek kull 30 sekonda jew xi ħaġa bħal dik.
Tista 'tagħmel li l-użu JavaScript.
JQuery biss jipprovdi funzjonalità aktar fuq quċċata ta 'JavaScript
li ma extra-għalf għalik.
Jekk inti tħares lejn il-kontenut fuq,
li jiddeskrivi xi wħud mill-għalf li int kapaċi tagħmel.
Allura ġenerali, hija ġiet maħluqa f'Jannar 2006.
L-ewwel ġie maħsub ta f'Awissu 2005.
Huwa kien madwar għal ftit snin, u huwa verament parti mill-Web 2.0 moviment ġdid
li għamlet l-Internet sabiex tleqq.
Hu l-librerija JavaScript aktar użati.
Aktar minn 19,600,000 websajts qed jużawh, u l-użu għadu jiżdied
skond builtwith.com, li, apparentement, matul l-aħħar sena,
għadu kif ġie kontinwament tiżdied pjuttost lineari.
Fost l-aqwa 10 miljun sit, xorta hemm -
madwar 40% minnhom li bħalissa qed jużawh.
Facebook użi, lottijiet ta 'websajts oħra bħalissa jużaw dan.
Inti tista 'tħares lejn dawk l-istatistiċi fuq tiegħek, jekk inti tixtieq.
U inti tista 'tgħid leġittimu huwa minħabba li għandu fondazzjoni u 13-il membru tal-bord,
flimkien ma 'tim ta' 20 persuni li jaħdmu fuqha fuq bażi regolari.
Allura huwa użat b'mod wiesa 'ħafna, hija għandha. Org URL, huwa fancy,
hija għandha spin-offs għal għalf ieħor, dan huwa a big deal.
>> Għaliex għandek tużah? JQuery huwa ferm ħfief.
Dan ifisser mhuwiex fajl enormi. Tista 'tniżżel
il-fajl minified, li huwa mingħajr l-ispazju abjad u kummenti, u huwa biss 32 kB.
Hekk huwa faċli li biss toss fuq paġna web tiegħek
u biss biex tibda tuża din.
Huwa wkoll effiċjenti ħafna bil-miktub, u għalhekk ma jieħdu ħafna ta '-
ma tnikkirx website tiegħek ħafna meta tużah.
Hija ihallik jimplimentaw affarijiet li kienu preċedentement mhux fattibbli.
Hemm xi aspetti ta 'funzjonalità,
bħall-ħolqien animazzjonijiet, li normalment ikun ħafna, diffiċli ħafna li tagħmel.
Iżda fil jQuery dawn qed attwalment sempliċi ħafna.
U hemm xi affarijiet li huma annoying li tagħmel,
possibbli JavaScript, bħal tibgħat talba POST,
imma li jibagħtu talba għal server, inti għandek tikteb
ħames jew sitt jew seba linji ta 'kodiċi.
Issa inti tista 'biss tagħmel dan fil-linja waħda tal-kodiċi, f'sejħa funzjoni waħda.
Li verament tissimplifika ħafna l-għalf li qed tagħmel.
U l-gidjien jibred qed jużawh. Sa dak, I tfisser lili.
Fi proġett finali tiegħi aħħar sena, li huwa news.whrb.org,
li huwa għall-istazzjon tar-radju, I ħolqot din il-blog
li tospita l-turi li aħna ghamilt u l-MP3 files għalihom.
Tista 'żżur il-wirjiet tal-passat,
u dan kollu jsir bl-użu jQuery. Tista 'tgħid
minħabba dawn animazzjonijiet, essenzjalment.
Mela jekk għandek - jekk int ħolqien ta 'kariga ġdida,
inti tara dawn slideDowns ftit; li kollu jsir bl-użu jQuery.
U dan fade - sabiex dak it-tip ta 'għalf huwa magħmul bl-użu jQuery,
u inti ma għandekx kontinwament rikarigu-paġna biex jinnaviga-sit.
Ħaġa oħra jibred li għamlet użu jQuery huwa din il-preżentazzjoni.
Jien jużaw dan ħaġa sors miftuħ imsejjaħ scrolldeck,
li xi ħadd kiteb fuq quċċata ta 'jQuery.
Jekk inti fil-fatt tfittex fis-sors, tista 'tara li
li qed jużaw dan is-sinjal dollaru; sinjali dollaru
huma użati fil jQuery biex turi li l-funzjoni hija funzjoni jQuery.
Allura dawn qed tiddefinixxi tgeżwir fuq quċċata ta 'jQuery
li jippermetti li inti tagħmel preżentazzjoni bħal din,
u tista 'tara li hawn dawn qed inkluż il-fajl jQuery oriġinali,
li huwa dak li inti ser ikollok biex tinkludi jekk jixtiequ jużaw jQuery
fil-websajts tiegħek.
>> Jinkuldi li, kif taħseb li jinstallaw dan?
Tista 'biss tmur għall jQuery.com u tniżżel il-fajl,
iżżidhiex mal direttorju web u jinkluduha.
Hekk biss fuq quċċata, fil-lametta kap tal-fajl HTML tiegħek
tal-fajl tiegħek HTML prinċipali, biss ikollhom dik il-linja tal-kodiċi
mal-verżjoni korretta għall liema verżjoni ta 'jQuery inti qed tuża.
Tista 'tniżżel billi tmur jQuery.com,
ikklikkja "jQuery download," u inti stajt ltqajna. Thats it.
U fil-fatt, nistgħu tagħti ħarsa lejn dak li jidher qisu.
Jekk tikklikkja fuq download hawn, jQuery hija din.
Huwa biss wieħed kbir fajl JavaScript li ma l-għalf magic għalik.
Dan huwa l-verżjoni minified, li mhix tinqara fil-livelli kollha.
Tista 'wkoll tħares lejn il-verżjoni l-iżvilupp, li huwa tinqara
iżda xorta ħafna, ħafna twal.
Huwa ħafna ta 'għalf fil hemmhekk.
Tista 'wkoll link għal Google verżjoni ospitat ta' dan.
Allura li ser jippermettu li inti sempliċement tibbaża ruħha fuq Google biex jipprovdiha.
Huma jipprovdu kull verżjoni ta 'dan, disponibbli fil-ħinijiet kollha.
Allura inti tista 'probabbilment tistrieħ fuq Google biex tospita dan għalik.
Jew inti tista 'rabta għall-aħħar verżjoni jQuery stess.
Huma għandhom URL li dejjem aġġornata l-aħħar verżjoni.
Huwa jQuery-aħħar, u hemm problema waħda ma 'dan,
li huwa li jekk il jQuery aġġornat u ftit mill-funzjonalità ta 'qabel
huma kienu isir retrograded jew deprecated,
ma tista '- dan jista' jibda ma jsibux appoġġjati aktar.
Mela jekk inti tikteb websajt tuża verżjoni 1.8.2,
mill-verżjoni 2.7 ħin toħroġ
xi wħud mill-funzjonijiet inti kiteb ma taħdimx aktar.
Allura huwa aħjar li biss tniżżel il-file kB 32,
poġġih fuq il-paġna web tiegħek, u inneħħu xogħol għal dejjem.
>> Jien ser tmur quddiem u jibda jitkellem dwar il-funzjonalità attwali ta 'jQuery.
L-ewwel ħaġa hi seletturi. Dan huwa dak jQuery kien inizjalment maħsub biex jipprovdi.
U inti tista 'tikklikkja fuq dokumentazzjoni li tħares lejn
l dokumentazzjoni dettaljata għall-seletturi jien ser tkun tkopri.
L-idea wara seletturi hija li inti tista 'tagħżel elementi HTML fuq paġna.
Elementi fuq paġna għandek IDs u l-klassijiet u aspetti oħrajn li jidentifikaw lilhom.
Hemm ukoll - they're fl-ordnijiet differenti.
Uħud mill-ħin li qed nested ġewwa xulxin.
JQuery jippermettilek li tibni mistoqsijiet sempliċi li tkun irkuprata elementi mill-paġna.
Imbagħad inti tista 'timmanipola dawn l-elementi jużaw funzjonijiet jQuery,
li hija s-sezzjoni manipulazzjoni aħna ser jiksbu aktar tard.
Tista 'tbiddel il-HTML, jibdlu l-CSS,
inti tista 'wkoll tħeġġeġ u żżid funzjonijiet li jattiva fuq ċerti avvenimenti.
Għalhekk, per eżempju, jekk xi ħaġa s għafast, inti trid xi ħaġa li jiġri,
inti tista 'tagħmel li l-użu jQuery ukoll.
U hemm numru kbir ta 'modi biex tagħżel l-elementi.
Ħafna minnhom stajt qatt jintużaw, imma hemm dawk bażiċi,
li huma pjuttost importanti.
Is-selettur element, per eżempju, jekk int biss tagħżel xejn
li huwa div - I attwalment ikollhom l-kodiċi miftuħa għal din il-preżentazzjoni slide.
Għalhekk, per eżempju, hawn l-ewwel slide.
Hawnhekk għandna div. Jekk aħna attwalment tagħżel l-divs fuq il-paġna,
dan ser biss tagħtina firxa ta 'l-divs li jeżistu f'dan il-fajl.
Is-selettur ID ihallik tagħżel xejn b'ID partikolari.
Hekk jekk dan, per eżempju, dan il-ħaġa għandha l-ID "dak,"
u jekk aħna ma dan ma # liema minflok xi ID,
ikun biss jirritorna firxa li għandha element wieħed u li hija li element tal-paġna.
Nistgħu wkoll jikkombinaw seletturi b'dan il-mod billi
tagħżel biss affarijiet ma IDs li huma divs.
So yeah. Tagħżel biss divs li jkollhom dik ID.
Għall-Klassi inti biss tuża dot, huwa l-istess ħaġa bħat CSS.
Dixxendent wkoll xogħlijiet; hekk jekk ikollok xi klassi
u li tkun nested elementi fi ħdanu - hekk, per eżempju,
hemm xi klassi u għandu ankra tag link għall-paġna ieħor,
inti tista 'tuża dan sintassi sabiex tkun irkuprata l-link.
Tista 'wkoll tagħżel l-affarijiet multipli fuq darba; biss mifrudin bl-virgoli,
tuża kwalunkwe selettur tixtieq, u inti se tagħżel kollha f'daqqa, fil-firxa waħda.
U allura hemm ukoll il-mhux selettur, sabiex inti tista 'tagħżel divs kollha
li ma jkollhom xi klassi speċifika.
U dan huwa biss mod utli biex tikseb introduzzjoni għal kif jaħdem din l-għażla.
I ser juru xi eżempji konkreti għal.
>> Seletturi avvanzati huma - dawn huma biss ftit eżempji.
Hemm għexieren ta 'dawn, imma jekk inti tixtieq li tagħżel l-tags immaġni
fi ħdan xi element, allura inti biss tagħmel: image.
Jekk inti tixtieq li jagħżlu l-elementi anke, per eżempju, jekk ikun hemm 20 minnhom,
trid taghzel 0, 2, 4, 6 u l-bqija,
inti tagħmel: anki, jew tista 'wkoll tagħmel: fard.
Dawn huma seletturi psewdo, li jfisser li attwalment jaħdem
kull element ieħor aktar milli biss jmorru u tagħżel kull wieħed minnhom.
Tista 'wkoll - kull element jista' jkollu wkoll attributi speċifiċi.
Għalhekk, per eżempju, klassi = ċentru huwa wkoll attribut.
Għal dan ankra tikketta, href, Portugues referenza, hija attribut wkoll.
Allura inti tista 'tagħżel xi ħaġa li links għal paġna speċifiċi jew biss - huwa verament ġenerali.
Tista 'tagħżel xejn ma' kwalunkwe attribut li tixtieq.
U mbagħad, ukoll, l-attribut fih.
Jekk inti, per eżempju, riedu li jagħżlu l-elementi kollha ta 'input
li jkollhom il-kelma "pass" bħala l-isem minnhom,
jekk il-paġna għandha blokk test input
li sejjaħ "password," li d jkun mod wieħed li inti tista 'tagħżel li.
U hemm ħafna aktar. Inti tista 'tmur quddiem u tħares lejn d-dokumentazzjoni
u ara eżempji speċifiċi ta 'kif taħdem.
>> Il-ħaġa li jmiss huwa manipulazzjoni DOM.
Wara aħna tagħżel elementi, aħna se tkun trid fil-fatt jagħmlu Jittieħed magħhom.
S'issa għandna ma ħares lejn dik livelli kollha, iżda jekk inti tħares lejn id-dokumentazzjoni,
hemm verament ħafna li stajna nagħmlu.
Wara dan, aħna qed tmur biex tagħżel elementi dwar din il-preżentazzjoni
u timmanipula minnhom jużaw jQuery.
Minħabba din hija implimentata bl-użu jQuery, ikollna aċċess għal-librerija jQuery,
u nistgħu nużaw dawk il-funzjonijiet fi ħdan dan il-kodiċi.
Ħaġa waħda utli li inti tista 'ma taf dwar huwa l-console.
U Google Chrome huwa dak li jien jużaw. Tista 'tagħfas alt kmand J
jew alt kontroll J li tiftaħ il-console.
Fl Firefox naħseb huwa kmand shift K jew kontroll shift K.
Fil Safari ikollok tmur bidla xi settings.
Hemm rabta jekk inti tixtieq li tagħmel dan, iżda nirrakkomanda jkollna Chrome jew Firefox.
Mela ejja tiftaħ il-console, huwa stabbiliti hawn.
Huwa jippermettilek li bażikament biss tagħmel xi ħaġa li trid.
Allura inti tista 'sempliċement tip fil toħloq imsejjaħ x varjabbli,
x = 5, ejja ara dak x + 2 hu.
Tista 'anki tagħmel xi ħaġa simili CS + ejja ara, x + 45, li se jkun CS50.
Inti tista 'biss tagħmel xi għalf JavaScript tipiku.
Iżda int tista 'wkoll tagħmel jQuery fil hawn.
>> Mela ejja nħarsu lejn dan l-ewwel aspett hawn.
Aħna qed tmur biex joħolqu varjabbli msejħa HTML, li hija sekwenza.
Hija għandha paragrafu tag fiha, li sejjaħ xi test ġdid.
Allura aħna għandna dan HTML, huwa xi test ġdid, fil-punt tags.
Issa aħna fil-fatt tixtieq li jżidu mal-paġna.
I din tintrama b'tali mod li l-HTML għal dan il-paragrafu, dan it-titolu hawn, huwa ID tehmeż.
Jekk aħna tagħżel tehmeż ID u mbagħad tehmez ma 'din
il-varjabbli HTML I biss maħluqa,
se jżidu li HTML fl-aħħar, dritt wara dan il-paragrafu tag.
Hekk jekk nagħmlu dan - aħna magħżula dan il-paragrafu,
u konna imsejjaħ il-funzjoni tehmeż mal-varjabbli HTML I biss miżjud,
se jżidu li test il-ġdid hemm dritt fuq il-paġna.
Nistgħu wkoll prepend, li jfisser li se jmorru qabel, fil-bidu ta 'dak l-element.
Allura hemm xi test ġdid fil-bidu u wara.
I tista 'tmur quddiem u jġedded biex teħles minn dan il-għalf stajt biss isir.
Imma dak li eżempju ta 'kif tista' tuża l prepend u tehmeż metodi
li jimmanipulaw Jittieħed fuq il-paġna, żid ftit HTML.
>> Tista 'wkoll bidla klassijiet.
Lura f'dan il-fajl istil, stajt ħolqot din għall-klassi win
li għandha aħmar kulur test, xi kulur fl-isfond, u dell test.
Huwa jistenna hideous, iżda I jistgħu attwalment -
dan il-paragrafu jikkorrispondi għal klassi ID.
So I tista 'żżid il-klassi għall-rebħa.
I jista 'jesegwixxi dan fil-console,
u li se jżid dik il-klassi, u issa jidher hideous, kif mistenni.
Il CSS awtomatikament gets applikati għall-klassijiet li inti -
jekk ikun hemm CSS għal klassi, awtomatikament gets applikati
jekk tibdel il-klassi ta 'element.
Imbagħad nistgħu jitneħħew biss billi tuża klassi tneħħi.
Mela jekk għandek xi klassijiet predefiniti bħal aħmar jew enfasizzat,
u mbagħad tixtieq tapplika dawk l-elementi,
inti ma għandekx li jagħmlu l-CSS grafika kull darba.
Tista 'biss żid il-klassi għal element, u mbagħad se awtomatikament issir -
se awtomatikament tfittex xieraq għal dik il-klassi.
Aħna tista 'tneħħi wkoll affarijiet; hekk jien ser tagħżel l-divs
fuq il-paġna u tneħħihom.
X'inhu li se look like?
Huwa ser look like xejn, so hemm attwalment xejn xellug.
Preżentazzjoni tiegħi hija marret.
I jistgħu jġedded u jġibu lura, fortunatament,
għaliex dan huwa biss running darba,
iżda li eżempju ta 'tneħħija, jekk inti tixtieq li jeqirdu kompletament element off-paġna.
>> Tista 'wkoll jissostitwixxu, u jien ser tagħżel l-paragrafu tags fuq il-paġna
u mur ġewwa fihom u tissostitwixxi test ikollhom fihom
biss mal-kelma "ittestjar."
Jekk inti tagħmel dan, inti ser tissostitwixxi kull punt fuq il-paġna ma dan l-ittestjar.
Yep. Huma qed kollha sostitwiti bl-ittestjar.
Allura dak eżempju ta 'aċċess għall-test u kitba fuq dan.
Tista 'wkoll jsib l-informazzjoni, u dan huwa verament jibred għall-kaxxi input.
Jekk għandek input kaxxa li n-nies huma ittajpjar Jittieħed fi,
nies huma ittajpjar Jittieħed fis dan,
hawn aħna tagħżel l-input, kull tabella input ma 'tip ta' test.
F'dan il-każ, hemm input kaxxa waħda biss fil-preżentazzjoni kollu,
hekk aħna ser tagħżel biss l-ewwel wieħed, u allura aħna sejħa tal-funzjoni val fuqha.
Li lura l-valur, u għal input kaxxa,
il-valur huwa biss jiġri x'jiġri li jkun ġewwa fih.
Hekk jekk nagħmlu dan, jirritorna l-għalf sekwenza.
U jekk nagħmlu sejħa hija mill-ġdid wara bil-miktub aktar Jittieħed, jirriżulta fi Jittieħed aktar.
Li mod wieħed tajjeb ħafna biex aċċess għall-elementi ta 'input kaxxa, u mbagħad tiċċekkja,
dan huwa indirizz email validu, hija din id-data valida, per eżempju.
Tista 'biss tkun irkuprata Jittieħed istantanjament kif in-nies huma ittajpjar,
u mbagħad tiċċekkja jekk huwa validu, jibgħat lura lil server, jagħmlu xi ħaġa li trid magħha.
U li kif inti aċċess x'hemm ġewwa dawn il-kaxxi.
>> Tista 'wkoll timmodifika CSS direttament, hekk minflok ma żżid
klassi li għandha xi proprjetajiet predefiniti,
inti tista 'sempliċement żid kwalunkwe CSS inti tixtieq li xejn.
Mela ejja korp tagħżel, li huwa l-preżentazzjoni kollu,
u l-kulur huwa l-proprjetà li jiddefinixxi dak l-kuluri it-test huwa.
Jekk irridu bidla li aħmar, it-test kollu fil-paġna ser idur għal aħmar.
Nistgħu nagħmlu xi ħaġa simili blu kulur fl-isfond,
hemm immorru; huwa beautiful.
Tista 'tagħmel xi ħaġa li trid ma' dan.
Uża l-proprjetà CSS, inti tista 'verament timmodifika kif xejn jistenna fi kwalunkwe ħin.
Il-ħaġa li jmiss huwa l-effetti.
Effetti huma bażikament l-istess ħaġa bħat timmodifika l-CSS,
iżda huma fil-fatt jipprovdu xi animazzjoni extra lilha.
Allura minflok sempliċiment juri jew ħabi xi ħaġa jew tibdil tal-kulur,
inti tista 'attwalment jagħmilha animati.
Hawn il-dokumentazzjoni, jekk inti tixtieq li tagħti ħarsa lejn l dokumentazzjoni estensiva għal dan.
Imma jien ser tkopri dawk ewlenin.
Hemm l-ispettaklu u l-proprjetajiet jaħbu.
Show / hide ID jikkorrispondi għal din il-kaxxa kollha,
hekk jekk I jaħbu dan, hija biss se jisparixxu.
U nista juru mill-ġdid jekk Irrid nagħmel dan jasal lura.
U huwa lura. Hija ma attwalment jisparixxu,
I ma attwalment tneħħiha mill-paġna, I biss sett il-proprjetà CSS tal-viżibilità moħbija
sabiex inti ma tistax tara dan aktar.
Hemm ukoll slide up u slide stabbiliti; li jippermettilek li jkollhom dan l-effett.
Hija slides up jisparixxu, u wara dan jispiċċa
inti tista 'slide stabbiliti biex jagħmlu dan jasal lura. U issa huwa lura.
Hemm ukoll dan l-effett fade, li - ID fade jikkorrispondi għal din il-kaxxa.
Jekk I fade out, allura dan ser bil-mod jisparixxu.
I jistgħu wkoll fade fi, u se terga 'lura.
Tista 'wkoll tagħmel fade li, li hija speċifika għall-funzjoni fade.
Inti jista 'jkollhom fade għal kwalunkwe opaċità speċifiku li tixtieq.
Mela jekk inti fade bil-mod li .5, li ser issir nofs viżibbli.
I jista 'jagħmilha tmur .1, u lura għaż 1 sabiex isiru għal kollox viżibbli mill-ġdid.
Li jinsab biss animazzjoni ieħor li inti tista 'tagħmel.
>> Hemm ukoll l-effetti toggle.
Hekk jien ser jagħżlu l-ID toggle, li jikkorrispondi għal din il-kaxxa,
u fuq dik div inti tista 'sejħa toggle; jekk huwa viżibbli se jsiru inviżibbli,
jekk huwa inviżibbli se jsiru viżibbli mill-ġdid.
So I biss imsejħa din il-funzjoni toggle darbtejn; l-ewwel waħda kienet
l-istess ħaġa bħat jinħbew, it-tieni sejħa kienet l-istess ħaġa bħala juru.
U inti tista 'ukoll tagħmel dan ma' toggle fade,
li ma l-istess ħaġa, ħlief fil-fatt tgħib.
U istess ħaġa ma 'l-slide toggle.
Hemm effetti b'katina kif ukoll, li jfisser
jekk inti tagħżel element u biss sejħa mazz ta 'metodi animazzjoni fuqha,
jekk inti ridt li tgħib gradwalment, allura slide stabbiliti,
u mbagħad jinħbew u mbagħad fade, se jagħmlu lilhom fil-filliera.
Allura sparixxew, daħal lura - għal xi raġuni, l-ġilda ma seħħx.
Ejja jippruvaw it out. Yeah, dan huwa faded out u mbagħad jiżżerżaq bogħod.
U hemm ħafna aktar. Tista 'tuża l-funzjoni Animate
biex joħolqu animazzjonijiet tiegħek, li huwa pjuttost kumpless,
iżda tipprovdi inti ma 'estensjoni infinita.
Inti tista 'tagħmel xi tip ta' animazzjoni li trid.
Tista 'wkoll tuża kju biex kju up animazzjonijiet multipli fi żmien.
Mela jekk inti tixtieq xi ħaġa li jtiru fuq il-paġna,
slide mid-dritt ta 'fuq lejn ix-xellug tal-qiegħ, inti tista' tagħmel dan,
u biss ikollhom mazz ta 'azzjonijiet għaddejjin waħda wara l-oħra.
>> Il-ħaġa li jmiss aħna qed tmur biex jitkellmu dwar huwa l-avvenimenti.
Avvenimenti jippermettu li inti - s'issa, aħna ħadthom kemm ġew ittajpjar affarijiet fil-console
u li huwa mod wieħed biex dan iseħħ,
iżda fuq paġna ta attwali, int mhux se tkun kapaċi
jagħmlu l-affarijiet tip ta 'utent fil-console.
Inti tixtieq affarijiet li jiġri awtomatikament.
Għal dan, jeħtieġ li tuża avvenimenti li jattiva fuq xi ċerti jiġri avveniment.
Tista 'tiċċekkja d-dokumentazzjoni għad-dettalji sħaħ.
Mela ejja ara. Aħna rridu li taħbi jew juru l-kaxxa,
iżda issa dritt din il-buttuna ma tagħmel xejn minħabba I ma timplimenta encore.
Jien ser tmur fil-paġna HTML attwali.
Hawn il-slide. Hemm div għall-slide.
Hija għandha l-klassi ta 'slide.
Hemm it-test. Issa, hemm din il-kaxxa u l-buttuna kaxxa.
Kif aħna fil-fatt jagħmlu dan jisparixxu?
L-ewwelnett, ejja jiktbu funzjoni li jagħmel il-ID kaxxa jisparixxu.
Dan huwa l-sintassi għall funtion, ejja biss sejħa hija hideTheBox.
Hija ma tikkunsidrax ebda argument, minħabba li m'hemmx argumenti li għandhom jittieħdu.
Aħna jistgħu jagħżlu l-ID kaxxa.
Hekk billi tuża l tagħżel jQuery, nistgħu jagħżlu kaxxa ID,
u mbagħad biss jagħmilha jisparixxu.
Ejjew nagħmluha tgħib gradwalment.
Jekk aħna dam din il-funzjoni fil-console attwali,
nistgħu jiddefinixxu din il-funzjoni; nistgħu sejħa hideTheBox, u jaħdem.
Imma irridu li jiġri meta l-buttuna hija ppressata fil-fatt.
Biex tagħmel dan, aħna għandhom jużaw avveniment.
Li jorbtu avveniment biex xi buttuna speċifiku jew xi jiġri azzjoni,
għandna biex jagħżlu l-element li l-avveniment se jikkawżaw -
jew li se jikkawżaw l-avveniment, sorry.
>> Allura l-ewwel nett, ejja tagħżel il-buttuna ID kaxxa
minħabba li l-buttuna, u issa, għal dak buttuna,
irridu noħolqu animazzjoni meta huwa għafast.
Allura hemm din il-funzjoni ikklikkja.
Huwa jippermettilek li jorbot funzjoni oħra lilha.
Din il-funzjoni jieħu funzjoni oħra bħala argument
nistgħu jgħaddu fil-funzjoni hideTheBox,
u kull meta din il-buttuna hija għafast, dik il-funzjoni se awtomatikament tesegwixxi.
Allura dan se taħdem jekk aħna ħlief dan, jien ser jġedded,
u - tieni wieħed, jien sorry.
Let me jiffissaw dan verament malajr.
Okay. Hemm immorru. Allura issa l-kaxxa jisparixxu meta aħna ikklikkja l-buttuna.
Nistgħu wkoll tbiddel dan għal ftit fadeToggle,
bidla biss biex taħbi jew juru l-kaxxa,
u dan se taħdem ukoll wisq, jekk aħna jġedded.
Nistgħu jinħbew, nistgħu wkoll juru li dan, u li se tkompli taħdem.
Ħaġa oħra li nistgħu nagħmlu huwa, aħna ma attwalment ikollhom jiddefinixxu din il-funzjoni hideTheBox
qabel nsejħu l-funzjoni ikklikkja.
Allura minflok jiddefinixxi l-funzjoni u ssejjaħ hideTheBox,
aħna qed biss ser sejħa hija jekk din il-ħaġa huwa għafast.
Allura nistgħu jiddefinixxu b'mod anonimu fil hawn,
li hija karatteristika li għandha JavaScript.
Inti tista 'tiddefinixxi funzjoni; normalment, aħna ngħid hideTheBox funzjoni
mal-argumenti, iżda minflok, nistgħu biss jgħidu jiffunzjonaw ebda argumenti,
tibda l-Brace kaboċċi biex jiddefinixxu l-funzjoni,
tagħlaq dik Brace kaboċċi, u mbagħad biss jiddefinixxu l-funzjoni fil hawn,
fi ħdan l-ewwel parentesi u l-aħħar parentesi
li jikkorrispondu għall-argumenti tal-funzjoni ikklikkja.
Allura aħna qed tgħaddi f'dan funzjoni, nistgħu kopja din il-linja tal-kodiċi dritt hawn,
u li se jagħmlu l-istess ħaġa eżatt.
U issa aħna ma jkollhomx din il-funzjoni fadeTheBox każwali
li huwa seduta madwar għall-ebda raġuni apparenti.
Il-funzjoni ġiet definita b'mod anonimu, ma għandhom isem.
Hija se biss tesegwixxi meta aħna ikklikkja fuq il-buttuna kaxxa.
Allura iġjeniċi darba aktar, waħda aktar ħin, u tista 'tara li għadu jaħdem.
U li kif inti toħloq avvenimenti.
>> Hemm ħafna ta 'avvenimenti differenti li nistgħu nużaw.
Jien ser jaqilbu lura għall-użu tal-console biex turi biss int kif jaħdmu dawn.
Il-IDs għal kull wieħed minn dawn jikkorrispondu għal kull kaxxa.
Allura din il-kaxxa ikklikkja ID, dan huwa wieħed ID ewlenin, u dan huwa wieħed ġurdien ID.
Ħaġ'oħra hija li hemm din il-funzjoni azzjoni; minflok ittajpjar dan jitwettaq kull darba,
I attwalment marru quddiem u definit din il-funzjoni azzjoni stabbiliti hawn.
Hija ma l-istess ħaġa bħala l-funzjoni hideTheBox.
Jiġrilha din il-kaxxa u jew tgħib out jew tgħib hija pulzieri
U hu għalhekk li aħna qed kapaċi jużaw it here.
Allura jekk aħna ikklikkja fuq dan ikklikkja ID, irridu li jagħmlu l-kaxxa jisparixxu jew jerġgħu jitfaċċaw.
Huwa l-istess ħaġa bħat-buttuna li kellna fl-aħħar slide.
Issa wara li nsejħu dan, nistgħu ikklikkja fuq dan u l-kaxxa se jisparixxu,
imbagħad ikklikkja fuqha mill-ġdid u l-kaxxa se jerġgħu jitfaċċaw.
Li pretty sempliċi. Double click ma l-istess ħaġa,
ħlief dan jirrikjedi klikk doppju.
Mela jekk inti ikklikkja fuqha darba u kklikkja fuqha darb'oħra xejn se jiġri,
imma jekk inti ikklikkja darbtejn malajr, dan ser jisparixxu.
Jekk inti ikklikkja darbtejn mill-ġdid, se terga 'lura.
Allura dak pjuttost sempliċi.
Tħaddim tat-tastiera huwa tip ta stramb; I ma naħsibx li attwalment xogħlijiet f'dan l-eżempju
minħabba li l-muftieħ isfel, sa ewlieni u l-istampa ewlenin u l-azzjonijiet ewlenin oħrajn
jattiva x'ikun element li jorbotha li.
Per eżempju, anke jekk I marbut ewlenin isfel għall-ġisem jew xi ħaġa oħra għal kollox,
allura xorta jattiva ebda kwistjoni - mhuwiex speċifiku.
I m'għandhomx ikunu tikklikkja fuq dan u istampa ewlieni biex jagħmlu xejn jisparixxu.
Ikun attivat irrispettivament minn liema element jien bħalissa pulzieri
Allura dawn ma attwalment jaħdmu f'dan l-eżempju
minħabba li ma tirrikonoxxix lili bħala jidħlu input fil-div input keyboard.
>> Imma jekk inti tħares lejn l-azzjonijiet tal-ġrieden,
l-ewwel wieħed huwa imbagħad jerġgħu, u tista 'tagħmel xi wħud minn dan bl-użu CSS.
Jekk tuża CSS, inti tista 'toħloq hekk li jekk inti tmur fuq xi ħaġa,
allura bidliet istil tagħha.
Iżda bl-użu jQuery tista 'tbiddel l-istili ta' affarijiet oħrajn ukoll.
Għalhekk, per eżempju, aħna qed tmur biex sejħa azzjoni jekk aħna imbagħad matul dan div.
Dan ifisser li jekk irridu imbagħad jerġgħu jsiru fuq dan, allura l-kaxxa se jisparixxu.
Jekk nimxu lil hinn minnha, il-kaxxa se jerġgħu jitfaċċaw.
Jekk aħna sejħa dan u imbagħad jerġgħu fuqha, il-kaxxa ma jisparixxu,
u hekk kif aħna jitbiegħed, niġu lura.
Jekk nagħmlu sejħa din il-funzjoni imbagħad jerġgħu-maws fuq ID,
li jikkorrispondi għal din il-kaxxa, allura jekk aħna imbagħad jerġgħu jsiru fuq il-kaxxa,
allura l-kaxxa fil-fatt se jisparixxu - huwa jkun funky dritt issa, iżda -
jekk aħna jitbiegħed minnha, se jerġgħu jitfaċċaw. Dritt issa huwa lura għal xi raġuni.
Il-ġurdien jidħlu u funzjonijiet Move mouse huma pjuttost simili, imma kemmxejn differenti.
Mouse jidħol biss jattiva meta l-maws jidħol fil-kaxxa, kif mistenni.
Mela jekk inti tmur fis dan, dan ser jisparixxu.
Iżda mhux se jerġgħu jitfaċċaw meta inti tmur lil hinn; inti ser ikollok li jmur lura fuq dan biex din terga 'lura.
Hemm ukoll il-funzjoni ġurdien jimxu, li se jattiva
kull meta l-maws huwa saħansitra preżenti fil-kaxxa.
Għalhekk ser biss iżommu għaddejjin, fading u 'l barra.
U huwa attwalment qtugħ - jidher li huwa simili huwa biss fading u 'l barra,
iżda huwa attwalment qtugħ azzjonijiet ħafna aktar minn dan,
hekk meta inti tmur lil hinn hija ser biss iżommu għaddejjin għaliex illoggjat bħal elf minnhom.
Forsi mhux elf. Forsi ħamsa.
Hija zkuk aktar minn dak.
Il-punt hu, l-azzjonijiet kollha tal-ġrieden, hemm ħafna minnhom.
Tista 'taqra fuq l-oħrajn, iżda kollha huma kemmxejn differenti,
u inti tista 'pick liema waħda għandek bżonn
għal liema skop speċifiku inti qed tipprova tagħmel.
>> Il-ħaġa li jmiss jien ser jitkellmu dwar huwa Ajax.
Ajax, naf aħna ma tkopri JavaScript fil-fond kemm din is-sena,
hekk jien biss ser jitkellmu dwar Ajax b'mod ġenerali għal minuta.
Ajax stands għall Asynchronous JavaScript u XML.
Huwa bażikament, per eżempju, meta int fuq Facebook u pushes inti notifika,
dan għaliex AJAX tkun qed taħdem fuq web browser tiegħek.
Kull ftit sekondi web browser tiegħek attwalment
ser servers Facebook, talbithom, do għandek xi ħaġa ġdida għalija,
u mbagħad niġu lura lilek.
Dan jippermettilek li tibgħat talbiet għal server
mingħajr ma attwalment jkollhom tagħbija il-paġna.
Allura normalment, jekk int biss tuża PHP u database,
inti għandek li jġedded il-paġna qabel ma inti tista 'tikseb informazzjoni ġdida mill-server.
Iżda bl-użu Ajax, inti tista 'pull għal dik l-informazzjoni ġdida kontinwament,
jew ġibda għaliha meta inti ikklikkja l-buttuna jew xi ħaġa bħal dik.
Allura dan jippermetti li tibgħat talbiet mingħajr tagħbija mill-ġdid il-paġna,
u nistgħu nużaw jew IKOLLOK jew POST talbiet.
>> IKOLLOK talbiet huma, per eżempju, jekk inti Google.com in English
u jagħmlu q = test. Li jagħtihom test query.
U li IKOLLOK talba għaliex dan huwa tgħaddi fis dawk il-parametri fil-URL innifsu.
Talba POST huwa kif jekk int tibgħat lilhom permezz post.
Huwa simili inti tpoġġi fl-ittra u vapur off lilhom,
iżda dawn ma attwalment ara l-kontenut. Dawn mhux qed jidhru fil-URL.
Inti ma tistax direttament tip fil, inti għandek tibgħat kważi segretament.
Huwa fil-post.
Iżda bl-użu jQuery, inti tista 'tagħmel IKOLLOK u talbiet POST
ħafna aktar faċilment milli inti normalment tista 'tuża biss JavaScript sempliċi.
Tista 'mistoqsija APIs tuża IKOLLOK talbiet, u tista' wkoll jikkontrolla għal informazzjoni login.
Fuq il-paġna li jmiss, I ħolqot din, li tistaqsi, "X'hemm għall-ikel?"
jużaw l-ikel API Harvard, so ejja pull up.
Dan huwa biss eżempju ta 'kif tista' tuża jQuery biex jagħmlu IKOLLOK talba għal API
u jiksbu informazzjoni lura minnha.
Allura irridu naraw l-menu għal-lum,
u irridu naraw x'hemm għall-ikel.
Hawn il-URL li joħolqu IKOLLOK talba fil jQuery.
tuża l-$. nikseb funzjoni.
L-ewwel argument huwa l-URL, hekk eżattament dak li qed juri dubji.
Imbagħad l-argument li jmiss hija funzjoni li tesegwixxi meta t-talba IKOLLOK hija kompluta.
Allura inti tibgħat off xi talba lill-server, jistenna li jiġu lura.
Meta dan ma terga 'lura, int ser tieħu xi azzjoni mad-data thats lura mill-server.
Ejja jimxi 'l quddiem u jikkodifikaw dan ukoll.
I ma kodiċi dans, fuq l-iskop.
Hawn il-Todo. L-ewwelnett, ejja jużaw il-vinkolanti avveniment
b'tali mod li meta din il-buttuna hija ppressata, nibagħtu off IKOLLOK talba.
U meta dik IKOLLOK talba prospetti ma 'xi data,
aħna qed tmur biex tiktibha fis dan ikla info div ID.
L-ewwelnett, ejja tagħżel l-ID buttuna ikel.
Meta huwa għafast, irridu li tagħmel xi ħaġa.
Ejja biss jagħmilha fuction anonima, bħal qabel.
Tista nagħlaq dawk ċingi kaboċċi,
u meta din il-buttuna hija ppressata, irridu li tibgħat talba IKOLLOK
biex jiċċekkjaw x'hemm għall-ikel.
Biex tagħmel dan, nistgħu biss tip fil $. Tikseb.
Din hija funzjoni jQuery, juzaw is-sinjal dollaru.
Huwa jieħu ftit argumenti. L-ewwel waħda hija l-URL,
it-tieni waħda hija l-funzjoni callback, il-funzjoni li sejjaħ
meta dik it-talba fil-fatt prospetti.
Ejja biss tinbena l-URL ewwel.
Nistgħu ġġibu mill-API li David kiteb up.
Going hawn, nistgħu naraw li huwa food.cs50.net/api/1.3/menus,
u mbagħad inti biss jgħaddu fl-ismijiet tal-parametri li inti tixtieq.
Allura parametru 1 huwa valur 1.
Jidher qisu data standard, bidu data, nuqqasijiet li llum
jekk inti ma tidħol xejn, u t-tmiem nuqqasijiet ukoll
li llum jekk inti ma tidħol xejn.
Dan huwa dak li rridu. Aħna rridu li tikseb biss l-informazzjoni għal-lum.
>> Aħna rridu li l-format li jkun JSON.
Li jinsab biss arbitrarju; inti tista 'tuża kwalunkwe forma li tixtieq.
Tista 'tuża CSV, iżda JSON hija JavaScript Notazzjoni Għan.
Huwa faċli ħafna għall-JavaScript biex jifhmu xi tfisser,
u nistgħu ipprintjaha aktar faċilment il-mod.
Mela ejja talba fil JSON, u ejja talba lunch.
Allura ikla = lunch. Just jiktbu up li URL, immorru lura hawn.
Hemm menus. L-ewwel parametru huwa output = JSON
għaliex dan huwa dak li rridu, u inti separati l-parametri ma '"u".
It-tieni parametru huwa - I ma tiftakarx.
Ikla. U rridu ikla = lunch.
Tista 'test dan il-URL billi jittajpja hija fil-browser tiegħek u tmur għaliha.
Huwa se jagħtik xi output. Huwa biss mazz ta 'għalf li għall-lunch.
Huwa f'dan il-format ikrah. Aħna rridu li jistampaw fuq il-paġna tagħna f'format aħjar.
Allura l-URL hija korretta, issa aħna biss bżonn jiktbu funzjoni
għal sejħa lura meta t-talba huwa ta 'suċċess.
Din il-funzjoni fil-fatt se jieħdu argument. Din se tkun data.
Id-data hija dak li jiġi lura mill-IKOLLOK talba wara isir it-talba IKOLLOK.
Nistgħu nagħmlu l-braces kaboċċi; fil hawn aħna tikteb l-funzjoni anonimu
li tesegwixxi, bl-użu li data meta irridu jiksbu l-informazzjoni lura.
Allura data, meta aħna ittajpjat fil dan il-URL,
dan huwa dak li l-data għaddej biex look like. Huwa ser tkun din is-sekwenza kbira.
Imma l-ħaġa tajba hija, JavaScript jistgħu parse billi tuża l-funzjoni JSON.parse.
Mela ejja toħloq varjabbli ġdid imsejjaħ data parse.
U data parse hija firxa ta 'oġġetti.
Kull oġġett fih informazzjoni bħal - ukoll, ejja tagħti ħarsa.
Hija għandha data, ikla, kategorija, riċetta, dan kollu Jittieħed oħra.
Mela ejja biss jistampa l-isem għal kull wieħed.
Ejja jtenni fuq il-firxa sħiħa ta 'għalf li aħna terġa' lura minnha,
u biss print out kull waħda - jistampa l-isem ta 'kull wieħed.
Dan huwa għall-loop.
>> JavaScript għandha dan sintassi utli fejn inti tista 'toħloq varjabbli u loop fuq firxa,
u var i huwa biss il-iterator, hekk minflok li tagħmel var i = 0,
i kien inqas mit-tul, i + +, inti tista 'biss tagħmel var i fid-data parsed.
F'dan l-eżempju, data parsed (i) se jikkorrispondu għall-element attwali
tal-firxa, l-oġġett attwali.
U aħna rridu nġibu l-isem minnha.
Mela ejja biss tagħmel isem.
U l-aħħar ħaġa, aħna qed tmur biex ikollhom xi jQuery mill-ġdid.
Attwalment iżżidhiex mal-div, dan ikla div info thats bħalissa vojta.
Mela ejja tagħżel li.
Aħna ser tuża jQuery u agħżel ikla info div ID, jew pasta info ID, sorry.
Aħna rridu li tehmeż għal dan.
Jekk għamilna test, per eżempju, ikun biss jissostitwixxu dan kull wieħed ħin.
Allura nistgħu biss iżid din.
L-element attwali fil-firxa, aħna ser jiksbu l-isem barra minnu,
u aħna ser tehmeż lill-tmiem tal-ikla info div ID.
U mbagħad biss biex jagħmluha ħarsa aktar nodfa,
aħna ser wkoll tehmeż break linja hekk huwa mhux kollha fuq linja waħda.
Mela jekk kollox imur sew, li għandu jkun tajjeb biex -
ewwel nett, kull meta din il-buttuna hija għafast,
se tibgħat off IKOLLOK talba għal dan il-URL.
Meta d-data taqa 'lura minnha, dan ser parse,
jibdluh JSON, loop fuq il-firxa sħiħa jirrappreżenta dik id-data,
u mbagħad tehmeż l-isem u pawża linja
għal kull linja f'dan ikla info ID li qabel kienet vojta.
Allura jmorru lura għal din il-paġna, aħna ser jġedded,
click, nsib - ma jaħdimx. Li sfortunati.
U dan huwa fejn debugging taqa pulzieri
Index.html, linja 1.
Li interessanti.
Kull dritt, ukoll, milli jonfqu ħin tagħmel dan, jien biss ser
iġbed il-fajl isir li għandi, li hija l-verżjoni kompluta.
M'inix ċert x'inhi d-differenza, iżda nistgħu biss tiftaħ dan up minflok.
U immorru l-Ajax, u dan għandu jaħdem b'mod korrett.
Dan huwa dak li kien għall-ikel tal-lum,
fl-ebda ordni partikolari, ma 'kwotazzjonijiet madwaru, dan mhuwiex il-prettiest.
Iżda, ovvjament, jekk inti kienu qed jagħmlu dan għal proġett finali,
inti jagħmluha ħarsa aħjar.
Iżda li biss eżempju sempliċi ta 'kif inti tagħmel it-talba IKOLLOK.
U jekk inħarsu lejn il-kodiċi attwali, jien guessing, jien pretty żgur
huwa għadu pjuttost l-istess.
Oh, I nesa li jaqilbu għal string, thats it.
Le, huwa għadu mhux qed jaħdem. Indipendentement, hawn l-kodiċi attwali mimlija
għal dak li dan għandu look like,
u ma l-istess ħaġa bħat dak I biss implimentati.
Meta tikklikkja fuq il-buttuna, hija tuża IKOLLOK JSON li awtomatikament parse-data.
Huwa jieħu l-informazzjoni lura minnha u loops permezz tal-firxa sħiħa
u tistampa l - x'ikun l għall-ikel tal-lum, l-isem ta 'dan,
u tannetti break linja wara kull linja.
Thats kif inti tuża l-funzjoni IKOLLOK.
>> Tista 'wkoll tuża POST, li jien ma kellhomx żmien
li tikteb up eżempju għal dan, iżda nistgħu nħarsu lejn id-dokumentazzjoni.
Jekk inti tħares lejn jquery.post,
tista 'tara li huwa kważi l-istess ħaġa.
Għandek URL, iżda minflok li tgħaddi parametri jużaw -
biss jdaħħalhom fil-sekwenza għall-URL innifsu,
inti għandek tgħaddi f'dan varjabbli data
li hija bażikament array, dizzjunarju li mapep parametri għal valuri.
Inti tgħaddi dik fil-, u li tibgħathom fl-użu ta POST.
U ladarba inti għandek dan, allura inti jista 'jkollhom funzjoni suċċess
li tesegwixxi meta d-data taqa 'lura.
Inkella, huwa eżattament l-istess. Hekk billi tuża POST,
inti tista 'tixtieq tuża POST, per eżempju, jekk għandek forma input
inti let passwords input nies fis dan, u jibgħat dawk passwords off
biex iskrittura back-end tiegħek, biex jikkontrolla fid-database jekk dak l-utent huwiex validu jew le.
Tista 'tagħmel dan kollu bl-użu jQuery minflok li jġedded il-paġna fil-livelli kollha.
Thats kif I implimentati fil-blog li I wera inti qabel.
Jekk immorru l-portal aħħar u l-log out, log out,
Log out ma taħdimx.
Well, let me biss tiftaħ it up fil-tieqa ġdida.
Hawnhekk hemm password, u I kienet se tip fil xi ħaġa każwali.
Ma jaħdimx, iżda tista 'tara li aħna ma
attwalment ikollhom li jġedded il-paġna fil-livelli kollha.
Il-kodiċi, jekk inti tixtieq li tħares lejn din,
hija kollha disponibbli hawn.
Allura l-kodiċi I kiteb aħħar sena f'xi.
Kif tistgħu taraw hawn, aħna qed tibgħat talba POST.
I jkollhom fajl imsejjaħ login.php fl-aħħar lura,
li tiċċekkja jekk l-password huwa validu.
Il-parametri aħna jgħaddu fil huma password, mapped
l-input li l f'din il-kaxxa input bħalissa.
U meta d-data tiġi lura, aħna check.
Jekk id-data hija falza, allura nistgħu ngħidu password żbaljata, mexxiha isfel,
u biss tagħmel dan jisparixxu wara dik.
Inkella, aħna tagħbija il-paġna admin.
U dan kien kollu jsir bl-użu JSON.
Fil dan ħafna linji ta 'kodiċi, inti tista' sempliċement tgħaddi l-informazzjoni lill-aħħar lura,
tiċċekkja jekk huwa korrett, tivverifika jekk inti illoggjat korrett,
u effettivament tirrispondi għalih, ridirezzjonar-persuna għall-paġna korretta
jew ma kiri lilhom login u tgħidilhom li huma kellhom password żbaljata.
Allura dak eżempju ta 'kif inti tista' tuża POST jQuery
li tibgħat talba POST lill-aħħar dahrek,
verifika jekk xi ħadd illoggjat korrett.
>> Kull dritt, b'tali mod li l-eżempji kollha I kellhom, u l-għalf jien ridt li tkopri.
Dawk huma l-affarijiet ewlenin li jQuery tippermetti li tagħmel:
tagħżel elementi, timmodifika billi jużaw manipulazzjoni DOM,
inti tista 'żżid effetti, jattiva affarijiet fuq ċerti avvenimenti,
u wkoll tagħmel talbiet Ajax ħafna seamlessly u faċilment.
Allura nirringrazzjak għall ġejjin jew jaraw,
u jekk ikollok xi mistoqsijiet, just let me know. Yeah?
[Student] Lura meta inti wera, kellek JSON wara t-talba POST fil-kwotazzjonijiet,
u I kien biss mintix dak li għamlet.
>> Yeah, I tara. Il-kwistjoni kienet li, fl-eżempju I biss wera,
kien hemm il-JSON kelma fil-kwotazzjonijiet madwar il -
I ser biss pull it up again - madwar l-funzjoni POST.
Jien biss tiġbdu biex juru.
Allura hawnhekk din it-talba POST, u hemm dan JSON fil-kwotazzjonijiet.
Li biss jiddefinixxi dak li aħna qed jistennew il-bejgħ li jkun.
Hekk jekk aħna jgħaddu fil JSON it-tip data mistennija,
mhuwiex rekwiżit, imma jekk aħna jgħaddu fil,
allura d-data awtomatikament se parsed bħala JSON.
Allura aħna ma jkollhomx li jsejħu l-funzjoni parse JSON fuqha,
dan ser jiġri biss awtomatikament.
U jekk inti tagħti ħarsa lejn l-dokumentazzjoni għall-POST,
hemm dan it-tip varjabbli data, it-tip ta 'data mistennija mill-server.
Hija nuqqasijiet lil raden intelliġenti li jista 'jkun ħażin,
sabiex inti tista 'tħalli vojt, imma huwa biss it-tip ta' data
fil-kodifikazzjoni li inti qed tuża, jekk huwa JSON jew XML jew xi ħaġa oħra.
>> Kwalunkwe mistoqsijiet oħra?
Kull dritt. Jekk għandek xi mistoqsijiet oħra, tħossok liberu li email me
fil vshekhawat@college.harvard.edu,
u l-pjastri u l-kodiċi għandhom ikunu disponibbli online pretty dalwaqt.
Xorti tajba ma 'proġetti finali tiegħek, nittamaw li intom użu jQuery.
[CS50.TV]