[Powered by Google Translate] [Seminar: jQuery]
[Vipul Shekhawat, Universiteti i Harvardit]
[Kjo është CS50.] [CS50.TV]
Nëse ju jeni në vijim së bashku në shtëpi, ju në fakt mund të hyni në slides e mia në internet
duke shkuar në këtë link.
Është TjjRWj, në bit.ly.
Ju gjithashtu mund të thjesht shkoni tek URL direkt,
cila eshte cloud.cs50.net / ~ vshekhawat, e cila eshte emri im,
dhe jQuery.
I highly ju inkurajojmë që të ndjekin së bashku në qoftë se ju jeni duke shikuar në shtëpi,
dhe në qoftë se ju jeni këtu, gjithashtu, për shkak se kjo është një prezantim shumë interaktive.
>> Pra, sot unë jam duke shkuar për të folur në lidhje me jQuery, dhe pyetja e parë është,
çfarë është jQuery?
Këtë vit, unë e di ju djema nuk e kanë mbuluar JavaScript
në sa më shumë detaje si ne kemi në vitet e kaluara.
JavaScript është, para së gjithash, vetëm një klient-side gjuhë
që ju përdorni për të drejtuar Scripts dhe kodin në makinë çdo përdorues.
Pra, ju keni një server që ofron faqet web për njerëzit,
por ju mund të dëshironi të bëni gjëra në makinë e tyre,
kërkoni makinën e tyre për të dërguar kërkesa në serverin tuaj çdo 30 sekonda, ose diçka të tillë.
Ju mund ta bëni këtë duke përdorur JavaScript.
JQuery vetëm siguron funksionalitet më shumë në krye të JavaScript
që bën gjëra ekstra për ju.
Nëse ju shikoni në përmbajtjen në krye,
që përshkruan disa gjëra që ju jeni në gjendje të bëni.
Pra, në përgjithësi, ajo ishte krijuar në janar 2006.
Ajo u ngjiz së pari e në gusht 2005.
Ajo ka qenë rreth e rrotull për nja dy vjet, dhe kjo është me të vërtetë pjesë e lëvizjes së re Web 2,0
që është bërë në internet kështu me shkëlqim.
Kjo është më e përdorur gjerësisht bibliotekë JavaScript.
Mbi 19.6 milion faqet e internetit janë duke e përdorur atë, dhe përdorimi është ende në rritje
sipas builtwith.com, e cila, me sa duket, gjatë vitit të kaluar,
ka qenë vazhdimisht në rritje vetëm mjaft linear.
Ndër 10 milion faqet e lartë, ka ende -
rreth 40% e tyre janë duke e përdorur atë.
Facebook përdor atë, shumë e faqeve të tjera aktualisht përdorin atë.
Ju mund të shikoni në ato statistikat në tuaj, nëse ju dëshironi.
Dhe ju mund të them legit Kjo për shkak se ajo ka një themel dhe 13 anëtarë të bordit,
së bashku me një ekip prej 20 njerëzve të cilët punojnë në atë mbi një bazë të rregullt.
Pra, ajo është shumë e përdorur gjerësisht, ajo ka një URL. Org, është e dashuroj,
ajo ka spin-off-për gjëra të tjera, kështu që kjo është një marrëveshje e madhe.
>> Pse ju duhet të përdorin atë? JQuery është shumë i lehtë.
Kjo do të thotë se nuk është një file i madh. Ju mund të shkarkoni
file minified, e cila është pa të gjithë hapësirën e bardhë dhe komenteve, dhe kjo është vetëm 32 kB.
Pra, kjo është e lehtë për të vetëm hedhje mbi faqen tuaj web
dhe vetëm për të filloni duke e përdorur atë.
Është gjithashtu shumë efikase shkruar, kështu që nuk ka marrë një shumë të -
ajo nuk ngadalësojnë faqen tuaj shumë kur ju përdorni atë.
Kjo ju lejon të zbatojë gjëra që ishin më parë parealizueshme.
Ka disa aspekte të funksionalitetit,
si krijimin e animacioneve, që normalisht do të jetë shumë, shumë e vështirë për të bërë.
Por në jQuery ata janë në fakt shumë e thjeshtë.
Dhe ka disa gjëra që janë të bezdisshëm për të bërë,
mundshme në JavaScript, si dërguar një kërkesë POST,
por të dërgoni një kërkesë në një server, ju duhet të shkruani
pesë ose gjashtë ose shtatë rreshta të kodit.
Tani ju mund të bëni vetëm atë në një linjë të vetme të kodit, në një telefonatë funksion të vetme.
Që me të vërtetë thjeshton shumë sende që jeni duke bërë.
Dhe të gjithë fëmijët të ftohtë janë duke e përdorur atë. Me këtë, dua të them mua.
Në projektin tim të fundit të vitit të kaluar, e cila është news.whrb.org,
e cila është për stacionin e radios, kam krijuar këtë blog
e cila pret të gjitha tregon që ne kemi bërë dhe fotografi MP3 për ta.
Ju mund të kërkoni nëpër shfaqjet e kaluara,
dhe kjo është bërë të gjithë duke përdorur jQuery. Ju mund të thoni
për shkak të të gjitha këtyre animacioneve, në thelb.
Pra, nëse ju keni - në qoftë se ju jeni duke krijuar një post të ri,
ju shihni këto slideDowns pak; që është bërë të gjithë duke përdorur jQuery.
Dhe kjo zbehet - kështu që lloj i stuff është bërë të gjithë duke përdorur jQuery,
dhe ju nuk keni për të vazhdimisht rifreskoni faqen për të lundruar në faqen.
Një tjetër gjë e ftohtë që është bërë duke përdorur jQuery është ky prezantim.
Unë jam duke përdorur këtë gjë me burim të hapur të quajtur scrolldeck,
të cilin dikush shkroi në krye të jQuery.
Nëse jeni të vërtetë duken në burim, ju mund të shihni se
ata janë duke përdorur këtë shenjë dollar; shenja të dollarit
janë përdorur në jQuery për të ditur se një funksion është një funksion jQuery.
Pra, ata janë definimin e një këmishë në krye të jQuery
që ju lejon të bëni një prezantim si ky,
dhe ju mund të shihni se këtu ata janë përfshirë skedarin origjinal jQuery,
e cila është ajo që ju do të duhet të përfshijë në qoftë se doni të përdorni jQuery
në faqet e internetit tuaj.
>> Prekur në këtë, si mendoni ju instaloni atë?
Ju mund të shkoni vetëm në jQuery.com dhe shkarkoni file,
shtoni atë në një web directory dhe të përfshijë atë.
Pra, vetëm në krye, në tag kokë e dosjes suaj HTML
e dosjes kryesore tuaj HTML, vetëm kanë atë linjë të kodit
me versionin e saktë për të cilin version i jQuery ju jeni duke përdorur.
Ju mund ta shkarkoni atë duke shkuar në jQuery.com,
klikoni "jQuery shkarko," dhe ju keni marrë atë. Kjo ishte.
Dhe në të vërtetë, ne mund të marrë një vështrim në atë që duket si.
Nëse ju klikoni mbi shkarkoni këtu, jQuery është kjo.
Kjo është vetëm një fotografi e madhe JavaScript që e bën të gjitha stuff magjike për ju.
Ky është versioni minified, i cili nuk është i lexueshëm në të gjitha.
Ju gjithashtu mund të shikoni në versionin zhvillim, i cili është i lexueshëm
por ende shumë, shumë të gjatë.
Kjo është një shumë gjëra në atje.
Ju gjithashtu mund të lidhni version priti Google-it të saj.
Kështu që do të ju lejojnë të mbështeten vetëm në Google për të siguruar atë.
Ata ofrojnë çdo version të tij, në dispozicion në të gjitha kohët.
Pra, ju ndoshta mund të mbështetet në Google për të pritur atë për ju.
Ose ju mund të lidhura me vetë versionin e fundit të jQuery.
Ata kanë një URL që është gjithmonë të përditësuar në versionin e fundit.
Është jQuery-fundit, dhe nuk ka një problem me këtë,
i cili është se në qoftë se jQuery përditësuar dhe disa nga funksionet e kaluar
ata kishin bëhet retrograded ose deprecated,
ajo nuk mundet - kjo mund të fillojë të mos merrni mbështetur anymore.
Pra, nëse ju shkruani një faqe interneti duke përdorur versionin 1.8.2,
nga versioni 2.7 kohe del
disa nga funksionet që ju shkroi nuk punojnë më.
Pra, kjo është më mirë për të vetëm të shkarkuar skedarin 32 KiloByte,
vënë atë në web faqen tuaj, dhe ajo do të punojë përgjithmonë.
>> Unë jam duke shkuar për të shkuar përpara dhe të fillojnë të flasin për funksionalitetin aktuale të jQuery.
Gjëja e parë është selectors. Kjo është ajo që jQuery ishte konceptuar fillimisht për të siguruar.
Dhe ju mund të klikoni mbi dokumentacionit të shikojmë në
dokumentacioni i detajuar për selektorë unë jam duke shkuar për të mbuluar.
Ideja prapa selektorë është që ju mund të zgjidhni elementet e HTML në një faqe.
Elementet në një faqe të kenë letërnjoftimet dhe Klasat dhe aspektet e tjera identifikuese për ta.
Ka gjithashtu - they're në urdhërat e ndryshme.
Disa e kohës ata janë mbivendosur brenda njëri-tjetrin.
JQuery ju lejon për të ndërtuar pyetje të thjeshta që të rifitoj elemente nga faqja.
Pastaj ju mund të manipulojë këto elemente duke përdorur funksionet jQuery,
e cila është seksioni manipulimi ne do të merrni për më vonë.
Ju mund të ndryshojë, të ndryshojë HTML CSS,
ju gjithashtu mund të animate dhe shtoni funksionet që aktivizojnë më ngjarjeve të caktuara.
Kështu, për shembull, në qoftë se diçka është klikuar, ju doni diçka të ndodhë,
ju mund të bëni këtë duke përdorur jQuery si.
Dhe ka një numër të madh të mënyrave për të zgjedhur elemente.
Shumica e tyre unë kurrë nuk kam përdorur, por nuk janë ato themelore,
të cilat janë mjaft të rëndësishme.
Përzgjedhës element, për shembull, në qoftë se ju jeni vetëm zgjedhjen asgjë
që është një div - Unë në fakt kanë kodin e hapur për këtë prezantim rrëshqitje.
Kështu, për shembull, këtu është slide parë.
Këtu kemi një div. Nëse ne fakt zgjidhni të gjitha divs në faqe,
ajo vetëm do të na japin një koleksion të të gjitha divs që ekzistojnë në këtë file.
Përzgjedhës ID ju lejon të zgjidhni çdo gjë me një ID të caktuar.
Pra, nëse ky, për shembull, kjo gjë ka ID "çfarë"
dhe në qoftë se ne e bëmë këtë me atë që në vend të # ID disa,
ajo vetëm do të kthejë një rrjet që ka një element të vetëm dhe që është se elementi i faqes.
Ne gjithashtu mund të kombinohen selektorë në këtë mënyrë duke pasur
vetëm të zgjidhni gjërat me kartat e identitetit që janë divs.
Pra, vërtet. Vetëm zgjidhni divs që kanë se ID.
Për klase ju përdorni vetëm një pikë, kjo është e njëjta gjë si CSS.
Pasardhës gjithashtu punon, kështu që nëse ju keni disa klasë
dhe ajo ka mbivendosur elementet brenda saj - kështu që, për shembull,
ka disa klasa dhe ajo ka një tag spirancë për të lidhur në një tjetër faqe,
ju mund të përdorni këtë sintaksë për të rifitoj lidhjen.
Ju gjithashtu mund të zgjidhni gjëra të shumta në një herë; vetëm ndajini me presje,
përdorni ndonjë selektorin që ju dëshironi, dhe ju do të zgjidhni të gjitha ato në të njëjtën kohë, në një rrjet të vetëm.
Dhe pastaj nuk ka edhe nuk përzgjedhës, kështu që ju mund të zgjidhni të gjitha divs
se nuk kanë disa klasë të veçantë.
Dhe kjo është vetëm një mënyrë e dobishme për të marrë një hyrje me mënyrën se si punon kjo përzgjedhje.
Unë do të tregoj disa shembuj konkretë në një të dytë.
>> Selectors Avancuar janë - këto janë vetëm disa shembuj.
Ka dhjetra e këtyre, por në qoftë se ju doni të zgjidhni të gjitha tags imazh
brenda disa element, atëherë ju vetëm bëni: imazhin.
Nëse ju doni të zgjidhni elementet madje, për shembull, në qoftë se nuk janë 20 prej tyre,
ju doni të zgjidhni 0, 2, 4, 6 dhe kështu me radhë,
bëni ju: edhe, ose ju gjithashtu mund të bëjë: i rastësishëm.
Këto janë pseudo selectors, që do të thotë se ata në fakt llogaritin
çdo element tjetër në vend se vetëm duke shkuar dhe zgjedhjen e të gjitha prej tyre.
Ju gjithashtu mund të - secili element mund të ketë gjithashtu atribute specifike.
Kështu, për shembull, class = qendër është gjithashtu një atribut.
Për këtë tag spirancë, href, HyperText referencë, është një atribut gjithashtu.
Kështu që ju mund të zgjidhni diçka që lidhet me një faqe të veçantë ose vetëm - kjo është me të vërtetë të përgjithshme.
Ju mund të zgjidhni asgjë me ndonjë atribut që ju dëshironi.
Dhe pastaj, gjithashtu, përmban atribut.
Nëse ju, për shembull, donte të zgjidhni të gjitha elementet hyrëse
që kanë "të kalojë" fjalën si emrin e tyre,
në qoftë se një faqe ka një bllok teksti input
që është quajtur "fjalëkalimi", që do të jetë një mënyrë ju mund të zgjidhni atë.
Dhe ka shumë më tepër. Ju mund të shkoni përpara dhe të kërkoni në dokumentacionin
dhe të shohim shembuj specifikë se si ajo funksionon.
>> Gjë tjetër është manipulim DOM.
Pasi kemi zgjedhur elemente, ne do të duan që në fakt bëjnë gjëra me ta.
Deri tani ne nuk kemi shikuar në atë në të gjitha, por në qoftë se ju shikoni në dokumentacion,
ka me të vërtetë një shumë që ne mund të bëjmë.
Në këtë pikë, ne jemi duke shkuar për të zgjedhur elemente në këtë prezantim
dhe të manipuluar ato duke përdorur jQuery.
Sepse kjo është zbatuar duke përdorur jQuery, ne kemi qasje në bibliotekën jQuery,
dhe ne mund të përdorni këto funksione në kuadër të këtij kodi.
Një gjë e dobishme që ju nuk mund të dini rreth është konsol.
Dhe Google Chrome është ajo që unë jam duke përdorur. Ju mund të shtypni alt command J
ose alt kontrollit J për të hapur konsol.
Në Firefox Unë mendoj kaluar atë e komandës K ose kontroll shift K.
Në Safari ju duhet të shkoni të ndryshuar disa settings.
Ka një lidhje në qoftë se ju dëshironi të bëni atë, por unë rekomandoj duke marrë Chrome ose Firefox.
Pra, le të hapur deri konsol, kjo është këtu poshtë.
Kjo ju lejon të vetëm në thelb të bëni ndonjë gjë që ju dëshironi.
Kështu që ju mund të shkruani vetëm të krijojë një ndryshore të quajtur x,
x = 5, le të shohim se çfarë x + 2 është.
Ju edhe mund të bëni diçka si CS + Le të shohim, x + 45, që do të jetë CS50.
Ju vetëm mund të bëjë disa gjëra tipike JavaScript.
Por ju gjithashtu mund të bëjë jQuery këtu.
>> Pra, le të shohim në këtë aspekt të parë këtu.
Ne do te krijuar nje ndryshueshme quajtur HTML, i cili eshte nje varg.
Ajo ka një tag paragraf në të, që është quajtur një tekst të ri.
Pra, ne kemi këtë HTML, kjo është një tekst i ri, në tags paragraf.
Tani ne të vërtetë duan të shtoni atë në faqe.
I vendosur atë në mënyrë që HTML për këtë paragraf, ky titull këtu, është append ID.
Nëse kemi zgjedhur append ID dhe pastaj append për atë
ndryshueshme HTML kam krijuar vetëm,
ajo do të shtojë se HTML në fund, menjëherë pas këtij paragrafi tag.
Pra, nëse ne e bëjmë këtë - kemi zgjedhur këtë paragraf,
dhe ne kemi thirrur funksionin append me ndryshore HTML Unë vetëm shtuar,
ajo do të shtojë se teksti i ri ka të drejtë në faqe.
Ne gjithashtu mund të prepend, që do të thotë se do të shkojë përpara, në fillim të këtij elementi.
Pra, ka disa teksti i ri në fillim dhe më pas.
Unë mund të shkoni përpara dhe për të rifreskoni të shpëtoj të këtij stuff unë kam bërë vetëm.
Por kjo është një shembull se si ju mund të përdorni prepend append dhe metodat
për të manipuluar stuff në faqe, shtoni disa HTML.
>> Ju gjithashtu mund të ndryshojë klasa.
Kthehu në këtë skedë stil, e kam krijuar këtë për klasën win
që ka ngjyrë të kuqe të tekstit, disa ngjyrën e sfondit, dhe një hije tekst.
Ajo duket e shëmtuar, por unë mund të vërtetë -
ky paragraf i korrespondon klasit ID.
Kështu që unë mund të shtoni klasë për të fituar.
Unë mund të ekzekutojë këtë në tastierë,
dhe që do të shtojë atë klasë, dhe tani ajo duket e shëmtuar, ashtu siç pritet.
CSS automatikisht merr aplikuar për klasat që ju -
në qoftë se ka CSS për një klasë, ajo merr automatikisht aplikohet
në qoftë se ju të ndryshojë klasën e një elementi.
Atëherë ne mund vetëm të hequr atë duke përdorur klasën hiqni.
Pra, nëse ju keni disa klasa të paracaktuara si të kuqe ose të theksuar,
dhe pastaj ju doni të aplikoni ato të elementeve,
ju nuk keni për të bërë të gjitha CSS styling çdo kohë.
Ju mund të shtoni vetëm klasë për një element, dhe pastaj ajo do të bëhet automatikisht -
kjo automatikisht do të duket e përshtatshme për atë klasë.
Ne gjithashtu mund të hiqni gjëra, kështu që unë jam duke shkuar për të zgjedhur të gjitha divs
në faqe dhe për të hequr ato.
Çfarë është se do të duken si?
Ajo do të duken si asgjë, kështu që nuk ka të vërtetë asgjë të majtë.
Prezantimi im është zhdukur.
Unë mund të rifreskuar dhe për të sjellë atë përsëri, për fat të mirë,
sepse ajo është vetëm drejtimin herë,
por kjo është një shembull i heqjes, në qoftë se ju doni të shkatërrojë plotësisht një element jashtë faqe.
>> Ju gjithashtu mund të prishësh, dhe unë jam duke shkuar për të zgjedhur të gjitha tags paragrafi në faqen
dhe shkoni brenda tyre dhe ta zëvendësojë çfarëdo teksti që ata kanë në to
vetëm me fjalën "testimi".
Nëse ju bëni këtë, ju do të zëvendësojë çdo paragraf në faqen e me këtë testim.
Yep. Ata janë zëvendësuar të gjithë me testim.
Pra, kjo është një shembull i qasjes në tekstin dhe overwriting atë.
Ju gjithashtu mund të rifitoj informacion, dhe kjo është me të vërtetë e ftohtë për kutitë e input.
Nëse ju keni një kutinë e input që njerëzit janë të shtypur sende në,
njerëzit janë të shtypur sende në të,
këtu ne input, zgjidhni asnjë tag input me një lloj të tekstit.
Në këtë rast, ka vetëm një kuti input në prezantimin e tërë,
kështu që ne vetëm do të zgjidhni një të parë, dhe pastaj ne e quajmë funksion val mbi të.
Kjo e kthen vlerën, dhe për një kutinë e input,
vlera e çdo gjë që është vetëm ndodh që të jetë brenda saj.
Pra, nëse e bëjmë këtë, ai vetëm kthen sende string.
Dhe nëse ne e quajmë atë përsëri pas shkruar shumë stuff, ajo kthehet në më shumë gjëra.
Kjo është një mënyrë e madhe për të hyrë në elementet e një kutinë e input, dhe pastaj shikoni,
kjo është një adresë e vlefshme email, kjo është një datë e vlefshme, për shembull.
Ju vetëm mund të marrim sende çast si njerëzit janë të shtypur atë,
dhe pastaj kontrolloni nëse ajo është e vlefshme, dërgoni atë përsëri në një server, bëni ndonjë gjë që ju dëshironi me të.
Dhe kjo është se si ju të hyni në atë që është brenda atyre kutive.
>> Ju gjithashtu mund të modifikoni CSS direkt, kështu që në vend të shtuar
një klasë që ka disa prona të paracaktuara,
vetëm ju mund të shtoni çdo gjë që ju dëshironi për CSS asgjë.
Trupi Pra, le të zgjedhur, e cila është paraqitja e tërë,
dhe ngjyra është prona që përcakton se çfarë ngjyrat teksti është.
Në qoftë se ne kemi ndryshuar atë në të kuqe, të gjithë teksti në faqe do të kthehet në të kuqe.
Ne mund të bëjmë diçka si ngjyra blu sfond,
ne do të shkojmë atje; është e bukur.
Ju mund të bëni ndonjë gjë që ju doni me këtë.
Përdorimi i pronës CSS, ju mund të vërtetë të ndryshojë mënyrën se si çdo gjë duket në çdo kohë.
Gjë tjetër është efektet.
Efektet në thelb janë e njëjta gjë si modifikimin CSS,
por ata në fakt të japë disa ekstra animacion për të.
Pra, në vend të vetëm duke treguar ose fshehur diçka apo ndryshuar ngjyrën,
ju mund të vërtetë të bëjë atë animuar.
Ja dokumentacioni, në qoftë se ju dëshironi të hidhni një sy në dokumentacionin e gjerë për atë.
Por unë jam duke shkuar për të mbuluar ato kryesore.
Nuk janë shfaqja dhe pronat fshehur.
Trego / fshih ID fakt korrespondon me këtë kuti të tërë,
kështu që nëse unë fsheh atë, ai thjesht do të zhduket.
Dhe unë mund të tregojnë atë përsëri në qoftë se unë dua ta bërë atë të kthehet.
Dhe kjo është mbrapa. Ajo në fakt nuk zhduken,
Unë në fakt nuk hiqni atë nga faqja, unë vetëm vënë pasurinë CSS e shikimit për të fshehur
kështu që ju nuk mund të shoh më atë.
Ka edhe rrëshqitje dhe rrëshqitje lart poshtë, që ju lejon të ketë këtë efekt.
Ajo slides deri zhduken, dhe pas zhduket
ju mund të rrëshqas atë poshtë për ta bërë atë të vijnë përsëri. Dhe tani ajo është kthyer.
Ka gjithashtu ky efekt zbehet, e cila - ID zbehet korrespondon me këtë kuti.
Nëse unë zbehet atë, atëherë ajo do të zhduket ngadalë.
Unë gjithashtu mund të zbehet në atë, dhe ajo do të kthehet.
Ju gjithashtu mund të bëjë që të zbehet, e cila është specifike në funksion të zbehet.
Ju mund të keni të zbehet për çdo perde të veçantë që ju dëshironi.
Pra, nëse ju zbehet atë ngadalë për 0,5, ajo do të bëhet e dukshme gjysma.
Unë mund të bëjë atë të shkojë në 0,1, dhe të kthehet në 1 për ta bërë atë plotësisht të dukshme përsëri.
Kjo është vetëm një animacion që ju mund të bëni.
>> Ka edhe efektet këmbe.
Kështu që unë jam duke shkuar për të zgjedhur ID toggle, që i korrespondon kësaj kutize,
dhe në atë div ju mund të telefononi këmbe, e nëse ajo është e dukshme ajo do të bëhet e padukshme,
në qoftë se është e padukshme ajo do të bëhet e dukshme përsëri.
Kështu që unë vetëm e quajti këtë funksion toggle dy herë, e para ishte
e njëjta gjë si të fshehur, thirrja e dytë ishte e njëjta gjë si një shfaqje.
Dhe ju gjithashtu mund të bëjë këtë me një këmbe zbehet,
e cila e bën të njëjtën gjë, përveç në fakt ajo zbehet.
Dhe e njëjta gjë me rrëshqitje toggle.
Ka efekte të lidhur me zinxhirë, si edhe, që do të thotë
në qoftë se ju zgjidhni një element dhe të vetëm të thërrasë një bandë e metodave animacion mbi të,
nëse do të donit që ajo të shuhem, pastaj rreshqet,
dhe pastaj fshehin dhe pastaj zbehet në, ajo do të bëjë ato në një rresht.
Kështu u zhduk, u kthye - për disa arsye, hide nuk ndodhi.
Le të try it out. Yeah, kështu që venitur jashtë dhe pastaj ajo shkau larg.
Dhe ka shumë më tepër. Ju mund të përdorni funksionin Gjall
për të krijuar animacione tuaja, e cila është mjaft komplekse,
por ajo ju ofron me zgjateshmëri pafund.
Ju mund të bëjë çdo lloj të animacion që ju dëshironi.
Ju gjithashtu mund të përdorni radhë të radhë deri animacione të shumta në një kohë.
Pra, nëse ju doni diçka për të fluturuar nëpër faqe,
rrëshqitje nga e djathta në të majtë të lartë fund, ju mund të bëni që,
dhe vetëm kanë një bandë e veprimeve që shkojnë njëri pas tjetrit.
>> Gjë tjetër që ne do të flasim rreth është ngjarje.
Ngjarje t'ju lejojë - deri më tani, ne kemi qenë vetëm të shtypni gjëra në tastierë
dhe kjo është një mënyrë për të bërë këtë të ndodhë,
por në një faqe aktuale, ju nuk jeni do të jetë në gjendje të
të bëjë gjërat lloj User në tastierë.
Ju duam që gjërat të ndodhin automatikisht.
Për këtë, ju duhet të përdorni ngjarjet që aktivizojnë ndodh në disa ngjarje të caktuar.
Ju mund të kontrolloni dokumentacionin për detaje të plotë.
Pra, le të shohim. Ne duam për të fshehur ose për të treguar kuti,
por tani ky buton nuk do të bëjë asgjë, sepse unë nuk e zbatojnë atë ende.
Unë jam duke shkuar për të shkuar në faqen aktuale HTML.
Ja rrëshqitje. Ka një div për rrëshqitje.
Ajo ka klasën e rrëshqitje.
Ka teksti. Tani, nuk ka kjo kuti dhe butonin kuti.
Si do të bëjë në fakt kjo zhduket?
Para së gjithash, le të shkruajë një funksion që e bën ID kuti zhduken.
Kjo është sintaksa për funtion, le të vetëm e quajti atë hideTheBox.
Ajo nuk ka marrë ndonjë argumente, sepse nuk ka argumente që do të merren.
Ne mund të zgjidhni ID kuti.
Pra, duke përdorur jQuery zgjidhni, ne mund të zgjidhni ID kuti,
dhe pastaj vetëm të bëjë atë të zhduket.
Le të bëjnë atë shuhem.
Në qoftë se ne u zhvillua këtë funksion në tastierë aktuale,
ne mund të përcaktojë këtë funksion, ne mund të telefononi hideTheBox, dhe ajo punon.
Por ne duam që ajo të ndodhë kur shtypet butoni në të vërtetë.
Për ta bërë këtë, ne duhet të përdorim një ngjarje.
Të lidh një ngjarje për një buton të veçantë ose disa ndodh veprimi,
ne kemi për të zgjedhur elementin se ngjarja do të shkaktonte -
ose që do të shkaktonte ngjarje, sorry.
>> Pra, para së gjithash, le të zgjidhni ID butonin kuti
sepse kjo është butoni, dhe tani, për atë buton,
ne duam të krijojmë një animacion, kur ajo është klikuar.
Pra, nuk ka këtë funksion click.
Kjo ju lejon të lidhni një tjetër funksion në të.
Ky funksion merr një tjetër funksion si nje argument
ne mund të kalojë në funksion hideTheBox,
dhe sa herë që ky buton është klikuar, se funksioni i automatikisht do të ekzekutojë.
Pra, kjo do të punojë në qoftë se ne të shpëtuar këtë, unë do të refresh,
dhe - një të dytë, unë jam i keq.
Më lejoni të rregullojmë këtë të vërtetë shpejt.
Mirë. Ka të shkojmë. Deri tani kuti është zhdukur kur ne të klikoni butonin.
Ne gjithashtu mund të ndryshojë kjo në vetëm fadeToggle,
ndryshojë atë vetëm për të fshehur ose për të treguar kuti,
dhe kjo gjithashtu do të punojë shumë, në qoftë se ne refresh.
Ne mund të fshehin atë, ne gjithashtu mund të tregojnë atë, dhe se do të vazhdojë të punojë.
Një tjetër gjë që mund të bëjmë është, ne fakt nuk duhet të përcaktojë këtë funksion hideTheBox
para se ne e quajmë funksion click.
Pra, në vend të përcaktimit të funksionit dhe duke bërë thirrje hideTheBox,
ne jemi vetëm duke shkuar për të thirrur atë, nëse kjo gjë është e klikuar.
Pra, ne mund të përcaktojë atë në mënyrë anonime këtu,
cila eshte nje funksion që ka JavaScript.
Ju mund të përcaktojë një funksioni; normalisht, ne do të themi hideTheBox funksion
me argumente, por në vend të kësaj, ne mund të them vetëm të funksionojë pa argumente,
fillojë Brace kaçurrel të saktësimit të funksionit,
mbyllë këtë Brace kaçurrel, dhe pastaj vetëm të përcaktojë funksionin në këtu,
brenda kllapa parë dhe parantezave fundit
që korrespondojnë me argumentet e funksionit click.
Pra, ne jemi duke kaluar në këtë funksion, ne mund të kopjoni këtë linjë të kodit të drejtë këtu,
dhe se do të bëjë të njëjtën gjë e saktë.
Dhe tani ne nuk kemi këtë funksion të rastit fadeTheBox
që është ulur rreth për asnjë arsye të dukshme.
Funksioni është përcaktuar anonime, ajo nuk ka një emër.
Ajo do të ekzekutojë vetëm kur ne të klikoni mbi butonin kuti.
Pra freskuese herë më shumë, një herë më shumë, dhe ju mund të shihni se ai ende punon.
Dhe kjo është se si ju e krijoni ngjarjet.
>> Nuk janë një shumë e ngjarjeve të ndryshme që ne mund të përdorni.
Unë jam duke shkuar për të kaluar prapa për të përdorur tastierë për të vetëm të ju tregojnë se si këto punë.
IDS për secilin nga këto korrespondojnë me çdo kuti.
Pra, kjo kuti është ID klik, kjo është një ID kyç, dhe kjo është një ID miut.
Një gjë më shumë është se nuk ka veprim ky funksion, në vend se të shtypni atë në çdo kohë,
Unë në fakt shkoi përpara dhe të përcaktuar këtë funksion veprimi këtu poshtë.
Ai e bën të njëjtën gjë si funksion hideTheBox.
Ajo merr këtë kuti dhe as zbehet atë apo zbehet atë in
Dhe kjo është arsyeja pse ne jemi në gjendje ta përdorin atë këtu.
Pra, në qoftë se ne të klikoni mbi këtë ID click, ne duam të bërë kuti zhduken ose rishfaqen.
Është e njëjta gjë si butonin që kemi pasur në rrëshqitje të fundit.
Tani, pasi ne e quajmë se, ne mund të klikoni mbi këtë dhe kuti do të zhduket,
pastaj klikoni mbi atë përsëri dhe kutia do të rishfaqen.
Kjo është shumë e thjeshtë. Klikoni dy herë bën të njëjtën gjë,
përveç ajo kërkon një klik të dyfishtë.
Pra, nëse ju klikoni mbi atë një herë dhe klikoni mbi atë përsëri asgjë nuk do të ndodhë,
por në qoftë se ju klikoni dy herë më shpejt, ajo do të zhduket.
Nëse ju klikoni dy herë, ajo do të vijë përsëri.
Pra, kjo është shumë e thjeshtë.
Input tastierë është lloj i çuditshëm, unë nuk mendoj se në fakt ajo punon në këtë shembull
sepse çelësi poshtë, lart dhe shtypni kyç kyç dhe veprime të tjera kyçe
aktivizuar asnjë rëndësi se çfarë element që ju lidhin atë për të.
Për shembull, edhe në qoftë se unë i detyruar çelësi poshtë në trup apo diçka tjetër tërësisht,
atëherë ajo do të vazhdojë të aktivizuar nuk ka rëndësi - kjo nuk është specifik.
Unë nuk duhet të jetë klikuar mbi këtë dhe të shtypni një buton për të bërë çdo gjë zhduket.
Ajo do të aktivizohet pavarësisht nga ajo që elementi Unë jam aktualisht in
Pra, këto në fakt nuk punojnë në këtë shembull
sepse ajo nuk e njeh mua si hyjnë kontribut në div input keyboard.
>> Por në qoftë se ju shikoni në veprimet e miut,
i pari po rri pezull, dhe kjo mund të bëjë disa të këtë duke përdorur CSS.
Në qoftë se ju përdorni CSS, ju mund ta krijoni atë mënyrë që në qoftë se ju rri pezull mbi diçka,
pastaj ndryshimet e tij stil.
Por duke përdorur jQuery ju mund të ndryshoni stilet e gjëra të tjera si.
Kështu, për shembull, ne jemi duke shkuar për të thirrur veprim në qoftë se ne rri pezull mbi këtë div.
Kjo do të thotë në qoftë se ne rri pezull mbi të, atëherë kuti do të zhduket.
Nëse ne shkojmë larg nga ajo, kutia do të rishfaqen.
Nëse ne e quajmë këtë dhe rri pezull mbi të, kutia nuk zhduket,
dhe sa më shpejt që ne shkojmë larg, ajo vjen përsëri.
Nëse ne e quajmë këtë funksion rri pezull mbi ID miut,
që i korrespondon kësaj kutize, atëherë në qoftë se ne rri pezull mbi kuti,
atëherë kuti të vërtetë do të zhduket - ajo e të qenit i shokuar të drejtë tani, por -
në qoftë se ne shkojmë larg prej saj, ajo do të rishfaqen. Tani për tani kjo është prapa për disa arsye.
Mouse të hyjnë dhe të lëvizin mausin funksionet janë disi të ngjashme, por pak më ndryshe.
Mouse të hyjë vetëm aktivizon kur miu hyn në kuti, siç pritej.
Pra, nëse ju hyni në të, ajo do të zhduket.
Por kjo nuk do të rishfaqen kur ju lëvizni larg, ju do të keni për të lëvizur prapa mbi atë për atë që do të vijnë përsëri.
Ka gjithashtu lëvizin mausin funksion, i cili do të aktivizojë
kur miu eshte edhe pranishme në kuti.
Pra, kjo vetëm do të mbajnë në vazhdim e sipër, vyshket në dhe jashtë.
Dhe kjo është në fakt prerjet - kjo duket si ajo është vetëm venitje brenda dhe jashtë,
por kjo është në fakt prerjet veprime shumë më tepër se kjo,
kështu që kur ju lëvizin larg ajo vetëm do të mbajë për shkak se ajo është në Anglisht si një mijë prej tyre.
Ndoshta jo një mijë. Ndoshta pesë.
Ajo shkrimet më shumë se kaq.
Çështja është, të gjitha veprimet e miut, ka shumë prej tyre.
Ju mund të lexoni deri në ato të tjera, por ata janë të gjithë pak më të ndryshme,
dhe cilado që ju mund të vini një që ju duhet
cilado për qëllim të veçantë që ju jeni duke u përpjekur për të bërë.
>> Gjë tjetër që unë jam duke shkuar për të biseduar rreth është AJAX.
AJAX, unë e di se ne nuk kemi mbuluar JavaScript në thellësi si shumë këtë vit,
kështu që unë jam vetëm do të flasim për AJAX në përgjithësi për një minutë.
AJAX qëndron për Asynchronous JavaScript dhe XML.
Kjo është në thelb, për shembull, kur ju jeni në Facebook dhe kjo ju shtyn një njoftim,
kjo është për shkak AJAX po kandidon në shfletuesin tuaj web.
Çdo çift i sekondave shfletuesin tuaj web është në fakt
duke shkuar në serverat e Facebook, duke u kërkuar atyre, a keni ndonjë gjë të re për mua,
dhe pastaj ajo vjen përsëri tek ju.
Kjo ju lejon të dërgoni kërkesat për një server
në të vërtetë pa pasur nevojë të ngarkesës faqe.
Pra normalisht, në qoftë se ju jeni vetëm duke përdorur PHP dhe një databazë,
ju keni për të rifreskoni faqen para se ju mund të merrni informacion të ri nga serveri.
Por duke përdorur AJAX, ju mund të tërheqë për këtë informacion të ri vazhdimisht,
ose të tërheqë për atë kur ju klikoni një buton apo diçka të tillë.
Pra, kjo na lejon të dërgoni kërkesat pa reloading page,
dhe ne mund të përdorni ose GET ose PAS kërkesa.
>> GET kërkesa janë, për shembull, në qoftë se ju të Google.com in English
dhe të bëjë testin q =. Kjo është duke u dhënë atyre një test pyetje.
Dhe kjo është një kërkesë GET, sepse ajo kalonte në ato parametra në URL vetë.
Një kërkesë POST është si në qoftë se ju jeni dërguar ato përmes postës.
Ajo është si ju vënë atë në një letër dhe anija atë jashtë atyre,
por ata në fakt nuk shohin përmbajtjen. Ata nuk janë të dukshme në URL.
Ju nuk mund të drejtpërdrejt të shkruani atë në, ju duhet të dërgoni atë pothuajse fshehurazi.
Ajo është në një post.
Por duke përdorur jQuery, ju mund të bëni GET dhe kërkesave PAS
shumë më lehtë se sa normalisht ju mund të përdorni vetëm JavaScript thjeshtë.
Ju mund query TV duke përdorur GET kërkesa, dhe ju gjithashtu mund të kontrolloni për login informacion.
Në faqen tjetër, Unë të krijova këtë, i cili pyet: "Çfarë ka për drekë?"
përdorimin e ushqimit Harvardit API, kështu që le të tërheqë që deri.
Ky është vetëm një shembull se si ju mund të përdorni jQuery për të bërë një kërkesë për të marrë një API
dhe për të marrë informacion kthehet nga ajo.
Pra, ne duam të shohim menu për sot,
dhe ne duam të shohim se çfarë është për drekë.
Këtu është URL për të krijuar një kërkesë për të marrë në jQuery.
ju përdorni $. marrë funksionin.
Argumenti i parë është URL, kështu që saktësisht çfarë ju jeni querying.
Pastaj argumenti tjetër është një funksion që ekzekuton kur kërkesa merrni është i plotë.
Pra, ju dërgoj disa kërkesën në server, prisni që ajo të vijë përsëri.
Kur ajo nuk kthehet, ju jeni duke shkuar për të marrë disa veprime me të dhëna që është kthyer nga serveri.
Le të shkojnë përpara dhe të Kodit, ky si.
Unë nuk Kodit, ky as, me qëllim.
Ja TODO. Para së gjithash, le të përdorin lidhjen ngjarje
kështu që kur shtypet ky buton, ne kemi dërguar një kërkesë të merrni off.
Dhe kur kjo të marrë të kthimit kërkesë me disa të dhënave,
ne jemi duke shkuar për të shkruar atë në këtë div info vakt ID.
Para së gjithash, le të zgjidhni ID butonin ushqimit.
Kur ajo është klikuar, ne duam që ajo të bëjë diçka.
Le të vetëm të bëjë atë një fuction anonim, si më parë.
Mund të përfundojë ato formatimin e teksteve kaçurrel,
dhe kur shtypet ky buton, ne duam të dërgoni një kërkesë GET
për të kontrolluar se çfarë është për drekë.
Për ta bërë këtë, ne mund të shkruani vetëm $. Merrni.
Ky është një funksion jQuery, duke përdorur shenjën e dollarit.
Ajo merr një çift të argumenteve. I pari është URL,
e dyta është funksion callback, funksioni që është quajtur
kur se kërkesa në fakt kthehet.
Le të vetëm të ndërtuar URL parë.
Ne mund të merrni atë nga API Davidi i shkroi deri.
Shkuarja këtu, ne mund të shohim se kjo është food.cs50.net/api/1.3/menus,
dhe atëherë ju vetëm të kalojë në emrat e parametrave që ju do të donit.
Pra, është vlera parametri 1 1.
Ajo duket si data standarde, Start, date defaults për sot
në qoftë se ju nuk shkruani asgjë dhe data e përfundimit gjithashtu defaults
për sot, nëse ju nuk shkruani asgjë.
Kjo është ajo që ne duam. Ne duam që vetëm të marrë informacion për sot.
>> Ne duam formati të jetë në JSON.
Kjo është vetëm arbitrare, ju mund të përdorni çdo formë që ju dëshironi.
Ju mund të përdorni CSV, por JSON është simbol JavaScript Object.
Është shumë e lehtë për JavaScript për të kuptuar çfarë do të thotë,
dhe ne mund të shtypura it out më lehtë në këtë mënyrë.
Pra, le të kërkojë atë në JSON, dhe drekë le kërkesë.
Pra vakt = drekë. Vetëm të shkruani URL-up se, ne kthehemi këtu.
Ka menutë. Parametër i parë është output = JSON
sepse kjo është ajo që ne duam, dhe ju ndajë parametrat me një 'dhe'.
Parametri i dytë është - unë nuk e mbani mend.
Vakt. Dhe ne duam = drekë vakt.
Ju mund ta provoni këtë duke shtypur atë URL në shfletuesin tuaj dhe duke shkuar për të.
Kjo do t'ju japë disa dalje. Kjo është vetëm një bandë e sende që është për drekë.
Është në këtë format të shëmtuar. Ne duam të shtypura atë onto faqen tonë në një format të mirë.
Kështu që URL është korrekte, tani ne vetëm duhet të shkruani një funksion
për të thirrur përsëri kur kërkesa është e suksesshme.
Ky funksion do të vërtetë të marrë një argument. Ajo do të jetë dhënave.
Të dhënat është ajo vjen përsëri nga kërkesa merrni pas kërkesa merrni është bërë.
Ne mund të bëjmë formatimin e teksteve kaçurrel, këtu kemi shkruar funksionin anonim
që ekzekuton, duke përdorur të dhënat që kur ne të merrni informacion mbrapa.
Pra dhënave, kur kemi shtypur në këtë URL,
kjo është ajo që të dhënat do të duken si. Ajo do të jetë ky varg i madh.
Por gjëja e mirë është, JavaScript mund të kuptoj atë duke përdorur funksionin JSON.parse.
Pra, le të krijojë një ndryshore të ri të quajtur analizimi i të dhënave.
Dhe të dhënat Parse është një koleksion të objekteve.
Çdo objekt përmban informacion të tillë si - mirë, le të marrin një sy.
Ajo ka një datë, një vakt, kategori, recetë, të gjitha këto gjëra tjera.
Pra, le të vetëm të shtypura nga një emër për secilin.
Le të iterate mbi array tërë e gjëra që ne të kthehemi nga ai,
dhe vetëm të shtypura nga çdo njëri - printojë emrin e secilit.
Kjo është një për lak.
>> Java e ka këtë sintaksë të dobishme, ku ju mund të krijojë një ndryshore dhe loop mbi një grup,
dhe var unë është vetëm iterator, kështu që në vend që të bëjë var = 0,
i ishte më pak se gjatësia, i + +, ju mund të bëni vetëm VAR i të dhënave në parsed.
Në këtë shembull, të dhënat parsed (i) do të korrespondojnë me elementin e tanishme
i vargut, objekti aktual.
Dhe ne duam që të marrë emrin nga ajo.
Pra, le të vetëm të bëjë emër.
Dhe gjëja e fundit është, ne jemi duke shkuar për të ketë disa jQuery përsëri.
Në fakt të shtoni atë në div, ky info vakt div kjo është aktualisht bosh.
Pra, le të zgjidhni se.
Ne do të përdorim jQuery dhe zgjidhni Info vakt ID div, apo info vakt ID, sorry.
Ne duam të append për këtë.
Në qoftë se ne e bëmë testin, për shembull, ai vetëm do të prishësh atë çdo herë të vetme.
Pra, ne vetëm mund të append këtë.
Elementi aktuale në grup, ne do të merrni emrin nga ajo,
dhe ne do të append atë në fund të vakt div info ID.
Dhe pastaj vetëm për të bërë të duken më të pastër,
Ne gjithashtu do të append një pushim linjë kështu që nuk është e gjitha në një rresht.
Pra, nëse gjithçka shkon mirë, që duhet të jetë e mirë për të -
para së gjithash, sa herë që ky buton është klikuar,
ajo do të dërgoj një kërkesë për të marrë këtë URL.
Kur të dhënat kthehet prej saj, ai do të kuptoj atë,
kthejnë atë në JSON, lak mbi array tërë përfaqësojnë ato të dhëna,
dhe pastaj append emrin dhe një pushim linjë
për çdo linjë në këtë ID info vakt cila ishte më parë bosh.
Pra, duke shkuar prapa në këtë faqe, ne do të refresh,
kliko, të gjeni - ai nuk punon. Kjo është për të ardhur keq.
Dhe kjo është ajo ku vjen in debugging
Index.html, alineja 1.
Është interesant.
Të gjithë të drejtë, të mirë, në vend se të shpenzojë kohë për ta bërë këtë, unë jam vetëm duke shkuar për të
tërheq lart skedarin që kam bërë, i cili është versioni i përfunduar.
Unë nuk jam i sigurt se çfarë është dallimi, por ne vetëm mund të hapur këtë deri në vend.
Dhe ne do të shkojmë në AJAX, dhe kjo duhet të funksionoj në rregull.
Kjo është ajo që ishte për drekë sot,
në asnjë mënyrë të veçantë, me thonjëza rreth tij, kështu që nuk është prettiest.
Por, natyrisht, në qoftë se keni qenë bërë këtë për një projekt përfundimtar,
ju do të bëjë atë të duket më mirë.
Por kjo është vetëm një shembull i thjeshtë se si ju bëni kërkesën merrni.
Dhe nëse ne shikojmë në kodin aktual, unë jam guessing, unë jam goxha i sigurt
kjo është ende shumë e shumë të njëjtën gjë.
Oh, kam harruar për të kthyer atë në një varg, që është ajo.
Jo, ajo nuk është ende duke punuar. Pavarësisht, këtu është kodi aktual përfunduar
për atë që kjo duhet të duken si,
dhe kjo e bën të njëjtën gjë si ajo që kam zbatuar vetëm.
Kur ju klikoni në butonin, ajo përdor GET JSON automatikisht të bëj analizë gramatikore të dhënave.
Ajo merr të dhënat përsëri nga ajo dhe sythe nëpër rrjet të tërë
dhe printime jashtë - çdo gjë për drekë sot, emrin e tij,
dhe QUESTION një pushim linjë pas çdo linjë.
Kjo është se si ju përdorni funksionin merrni.
>> Ju gjithashtu mund të përdorni Post, të cilën unë nuk kam kohë
për të shkruar deri një shembull për këtë, por ne mund të shohim në dokumentacion.
Nëse ju shikoni në jquery.post,
ju mund të shihni se ajo është pothuajse e njëjta gjë.
Ju keni një URL, por në vend të kalimit parametrat e përdorur -
vetëm vënien e tyre në vargun për URL vetë,
ju duhet të kalojë në këtë variabël të dhënave
që është në thelb një grup, një fjalor që harta parametrave për vlerat.
Ju ndodhë që në të, dhe që i dërgon ato në përdorimin e një post.
Dhe një herë ju keni atë, atëherë ju mund të ketë një funksion sukses
që ekzekuton kur të dhënave vjen mbrapa.
Përndryshe, ajo është saktësisht e njëjtë. Pra, duke përdorur POST,
ju mund të dëshironi të përdorni Post, për shembull, nëse ju keni një formë input
ju le të njerëzit fjalëkalimet e dhëna në të, dhe dërgoni ato fjalëkalimet off
për të prapa-fund shkrimin tuaj, për të kontrolluar në bazën e të dhënave që përdoruesi nëse është e vlefshme apo jo.
Ju mund të bëni që të gjithë duke përdorur jQuery vend që të rifreskoni faqen në të gjitha.
Kjo është se si unë zbatuar në blog që unë ju tregoi se më herët.
Nëse shkojmë në portalin fund dhe log out, log out,
Identifikohu out nuk funksionon.
E pra, më lejoni vetëm të hapur atë deri në një dritare të re.
Këtu nuk është një fjalëkalim, dhe unë do të shkruani diçka të rastit.
Ajo nuk punon, por ju mund të shihni se ne nuk
në fakt duhet të rifreskoni faqen në të gjitha.
Kodi, në qoftë se ju dëshironi të shikoni në atë,
është e gjitha në dispozicion këtu.
Pra kodin kam shkruar vitin e kaluar diku.
Siç mund ta shihni këtu, ne jemi duke dërguar një kërkesë POST.
Unë kam një skedar të quajtur login.php në fund e pasme,
i cili kontrollon nëse fjalëkalimi është i vlefshëm.
Parametrat e kalojmë në të janë password, mapped
input që është në këtë kutinë e input aktualisht.
Dhe kur të dhënat vjen mbrapa, ne kontrolloni.
Nëse të dhënave është e rreme, atëherë ne themi Fjalëkalim i pasaktë, rrëshqitje atë poshtë,
dhe vetëm të bëjë atë të zhduket pas kësaj.
Përndryshe, ne të ngarkesës faqen admin.
Dhe kjo është bërë duke përdorur të gjitha JSON.
Në këtë shumë linja të kodit, ju mund vetëm të kalojë të dhënat në fund e pasme,
kontrolloni nëse ajo është e saktë, kontrolloni nëse keni ruajtur në të saktë,
dhe në fakt të përgjigjet për atë, Përcjellin personin në faqen e duhur
ose nuk i lënë ata të hyni në dhe duke u thënë atyre se ata kishin një fjalëkalim të gabuar.
Pra, kjo është një shembull se si ju mund të përdorni POST jQuery
të dërgojë një kërkesë të postoni në fund tuaj mbrapa,
kontrolluar nëse dikush është i loguar saktë.
>> Të gjithë të drejtë, kështu që kjo është e gjitha shembujt e kam pasur, dhe të gjitha stuff kam kërkuar për të mbuluar.
Ata janë gjërat kryesore që jQuery ju lejon të bëni:
zgjidhni elemente, modifikojë ato duke përdorur manipulimin DOM,
ju mund të shtoni efekte, aktivizoni gjëra mbi ngjarjet e caktuara,
dhe gjithashtu të bëni kërkesat AJAX shumë të seamlessly dhe me lehtësi.
Pra, ju falënderoj për ardhjen apo shikuar,
dhe në qoftë se ju keni ndonjë pyetje, just let me know. Po?
[Student] Kthehu kur ju tregoi, keni pasur JSON pas kërkesës post në thonjëza,
dhe unë isha vetëm pyesin se çfarë bëri.
>> Yeah, unë shoh. Pyetja ishte se, në shembullin Unë vetëm tregoi,
atje ishte JSON fjala në thonjëza rreth -
Unë vetëm do të tërheqë atë përsëri - rreth funksionit post.
Unë jam vetëm duke tërhequr atë deri për të treguar.
Kështu që këtu është kjo kërkesë POST, dhe ka këtë JSON në thonjëza.
Kjo thjesht përcakton se çfarë ne jemi duke pritur që prodhimi të jetë.
Pra, nëse ne të kalojë në JSON si tipi pritshme të dhënave,
kjo nuk është një kërkesë, por në qoftë se ne të kalojë në atë,
atëherë të dhënat automatikisht do të parsed si JSON.
Pra, ne nuk kemi për të thirrur funksionin Parse JSON në të,
ajo vetëm do të ndodhë automatikisht.
Dhe nëse ju merrni një vështrim në dokumentacionin për postin,
nuk është ky variabël të dhënave lloj, lloji i të dhënave që priten nga serveri.
Ajo defaults në një guess inteligjente që mund të jetë i gabuar,
kështu që ju mund të lënë atë bosh, por kjo është vetëm lloji i të dhënave
në kodim që ju jeni duke përdorur, nëse kjo është JSON ose XML apo diçka tjetër.
>> Çdo pyetje të tjera?
Dakord. Nëse keni ndonjë pyetje të tjera, të ndjehen të lirë të email mua
në vshekhawat@college.harvard.edu,
dhe slides dhe kodi duhet të jetë në dispozicion online goxha shpejt.
Good luck me projektet tuaja finale, shpresoj se ju përdorni jQuery.
[CS50.TV]