1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,810 [Muzika] 3 00:00:04,810 --> 00:00:06,940 >> DOUG Lloyd: Pra, një më shumë lloj i nocionit se 4 00:00:06,940 --> 00:00:12,120 lloj i bie nën ombrellën e JavaScript është diçka që quhet AJAX. 5 00:00:12,120 --> 00:00:15,310 Deri në këtë pikë, tonë ndërveprim me JavaScript 6 00:00:15,310 --> 00:00:17,727 ka qenë i kufizuar për të nxitur një buton dhe diçka ndodh. 7 00:00:17,727 --> 00:00:19,560 Dhe specifike, diçka që ndodh 8 00:00:19,560 --> 00:00:22,950 është faqet tona duken dhe ndihen ndryshime. 9 00:00:22,950 --> 00:00:23,450 E drejtë? 10 00:00:23,450 --> 00:00:26,540 Si në veçanti në Dokumenti Modeli objekt Video, 11 00:00:26,540 --> 00:00:29,060 Kam ndryshuar ngjyrën e sfondit. 12 00:00:29,060 --> 00:00:33,240 Por, kur unë e bëri atë, unë nuk kam për të bërë ndonjë kërkesë të veçantë shtesë. 13 00:00:33,240 --> 00:00:36,800 Unë nuk duhet të kërkojë që server më dërgoni një faqe të re. 14 00:00:36,800 --> 00:00:39,620 Unë vetëm ndryshuar atë që unë tashmë e kishte. 15 00:00:39,620 --> 00:00:42,245 Unë nuk duhet të rifreskoni faqen time, dhe gjëra definitivisht ndryshuar, 16 00:00:42,245 --> 00:00:43,760 kështu që është e madhe. 17 00:00:43,760 --> 00:00:48,400 Por ka patjetër një Manuali ndërveprim përdorues i përfshirë. 18 00:00:48,400 --> 00:00:53,140 AJAX është një teknikë e ftohtë që ju lejon na për të rinovuar përmbajtjen e një faqe, 19 00:00:53,140 --> 00:00:55,750 dhe jo vetëm të duken dhe të ndjehen të, pa reloading. 20 00:00:55,750 --> 00:00:58,610 >> Dhe me konkretisht kur kam thonë përditësimin përmbajtjen e një faqe, 21 00:00:58,610 --> 00:01:01,990 Unë nuk jam duke thënë që ne rishkruaj faqja duke përdorur JavaScript. 22 00:01:01,990 --> 00:01:06,560 Unë jam duke thënë se ne fakt kërkojmë më shumë informata nga serveri 23 00:01:06,560 --> 00:01:08,640 pa faqe ynë pasur nevojë të ringarkoni. 24 00:01:08,640 --> 00:01:10,850 >> Tani që lloj i një grimë një teknikë më të avancuar 25 00:01:10,850 --> 00:01:11,950 se ne jemi duke shkuar për të folur për në këtë video. 26 00:01:11,950 --> 00:01:13,720 Ne do të kemi një ndërveprim. 27 00:01:13,720 --> 00:01:17,750 Por, kur ne bëjmë, unë jam do të jetë bërë kërkesa në web server. 28 00:01:17,750 --> 00:01:21,140 Në këtë rast, vetëm atë që është drejtimin e web server Apache tim. 29 00:01:21,140 --> 00:01:25,010 Unë jam duke shkuar për të bërë shtesë kërkesa, ndërsa unë jam duke vizituar një faqe web, 30 00:01:25,010 --> 00:01:26,890 por faqja ime nuk do të rifreskoni. 31 00:01:26,890 --> 00:01:30,000 >> Është vetëm do të asynchronously rinovuar faqen time. 32 00:01:30,000 --> 00:01:31,840 Dhe kjo është, në fakt, që AJAX qëndron për, 33 00:01:31,840 --> 00:01:35,400 është Asynchronous JavaScript dhe XML. 34 00:01:35,400 --> 00:01:37,910 XML është një tjetër lloj i Markup gjuhë, dhe ju mund të lloj nga 35 00:01:37,910 --> 00:01:39,680 mendoj për atë ashtu si HTML. 36 00:01:39,680 --> 00:01:42,990 Kjo nuk është krejt e njëjta gjë, por kjo është në thelb vetëm një gjuhë markup. 37 00:01:42,990 --> 00:01:47,770 Pra, kjo është një asinkron JavaScript dhe një gjuhë markup. 38 00:01:47,770 --> 00:01:50,590 >> Pra, në mënyrë që të përdorni këtë AJAX AJAX technique-- 39 00:01:50,590 --> 00:01:52,230 nuk është një gjuhë programimi e veçantë. 40 00:01:52,230 --> 00:01:55,300 Është vetëm lloj i një grup i techniques-- ne 41 00:01:55,300 --> 00:01:57,870 nevojë për të krijuar një të veçantë Objekt JavaScript, e cila 42 00:01:57,870 --> 00:02:00,689 quhet një XMLHttpRequest. 43 00:02:00,689 --> 00:02:01,980 Tani, kjo është shumë e lehtë për të bërë këtë. 44 00:02:01,980 --> 00:02:04,550 Ne vetëm themi var, çdo gjë ne duam të quajmë këtë objekt, 45 00:02:04,550 --> 00:02:07,030 është e barabartë me XMLHttpRequest re. 46 00:02:07,030 --> 00:02:11,050 Dhe tani ne kemi marrë tani një lloj AJAX e objektit, 47 00:02:11,050 --> 00:02:14,370 ose një XMLHttpRequest objekt, i cili do të lejojë 48 00:02:14,370 --> 00:02:18,360 ne të asynchronously të rinovuar faqen tonë. 49 00:02:18,360 --> 00:02:23,100 >> Pasi ne kemi marrë këtë të ri objekt, kjo XMLHttpRequest, 50 00:02:23,100 --> 00:02:27,760 ne duhet të bëjmë diçka për të të saj Sjellja onreadystatechange. 51 00:02:27,760 --> 00:02:30,360 Onreadystatechange Sjellja është me të vërtetë vetëm 52 00:02:30,360 --> 00:02:34,080 kur ju bëni një kërkesë në një web faqe, faqja 53 00:02:34,080 --> 00:02:35,880 kalon nëpër një numër hapash. 54 00:02:35,880 --> 00:02:37,370 Së pari, një kërkesë nuk është dërguar. 55 00:02:37,370 --> 00:02:39,860 Pastaj, kërkesa ka qenë dërguar, por nuk veprohet. 56 00:02:39,860 --> 00:02:41,580 Atëherë kërkesa është vepruar mbi të. 57 00:02:41,580 --> 00:02:43,680 Atëherë kërkesa është duke u dërguar tek ju. 58 00:02:43,680 --> 00:02:46,930 >> Pastaj, kërkesa është plotësisht e ngarkuar në faqen tuaj. 59 00:02:46,930 --> 00:02:48,640 Këto janë shtete të ndryshme. 60 00:02:48,640 --> 00:02:53,890 Dhe kështu që ne kemi nevojë për të vendosur tonë Objekti i ri XMLHttpRequest 61 00:02:53,890 --> 00:02:58,740 për të ndryshuar kur ndryshimet gatshme shtetërore. 62 00:02:58,740 --> 00:03:01,925 Dhe zakonisht, ne bëjmë këtë duke përcaktimin e një funksion anonim, i cili 63 00:03:01,925 --> 00:03:04,490 ne jemi të njohur me nga JavaScript tani, që 64 00:03:04,490 --> 00:03:09,840 quhet kur ndryshimet gatshme shtetërore. 65 00:03:09,840 --> 00:03:11,340 Është me të vërtetë nuk është shumë më tepër se kaq. 66 00:03:11,340 --> 00:03:14,340 Ne jemi vetëm duke shkuar për të definuar një funksion anonim, lloj i pëlqen ajo 67 00:03:14,340 --> 00:03:16,440 ne ishim duke bërë në JavaScript, ku ne do 68 00:03:16,440 --> 00:03:18,750 kanë një funksion anonim t'iu përgjigjur një për klikim, 69 00:03:18,750 --> 00:03:23,230 ose kur ne ishim duke bërë një hartë të objekte të ndryshme në një rrjet. 70 00:03:23,230 --> 00:03:25,220 >> Diçka ka ndodhur kur diçka është klikuar. 71 00:03:25,220 --> 00:03:28,810 Në këtë rast, kjo është vetëm diçka është e ndodh kur shteti e faqes tonë 72 00:03:28,810 --> 00:03:30,160 ndryshime. 73 00:03:30,160 --> 00:03:32,730 Ka dy prona të tjera që janë lloj of-- ata nuk janë 74 00:03:32,730 --> 00:03:35,524 vetëm pronat që janë e natyrshme për të XMLHttpRequest, 75 00:03:35,524 --> 00:03:36,940 por ata janë ato mjaft të rëndësishme. 76 00:03:36,940 --> 00:03:39,815 Ka diçka të quajtur readyState, të cilat si ju ndoshta mund të mendoj, 77 00:03:39,815 --> 00:03:41,750 është e lidhur me onreadystatechange. 78 00:03:41,750 --> 00:03:44,250 Ajo në fakt ju tregon çfarë readyState është. 79 00:03:44,250 --> 00:03:46,289 0, 1, 2, 3, dhe 4 janë mundësitë atje, 80 00:03:46,289 --> 00:03:48,080 dhe ata lloj afërsisht korrespondojnë me çfarë 81 00:03:48,080 --> 00:03:50,030 Unë kam qenë vetëm duke folur për një të dytë më parë. 82 00:03:50,030 --> 00:03:53,100 >> Dhe pastaj statusi, i cili shpresojmë se në qoftë se çdo gjë shkoi në rregull, 83 00:03:53,100 --> 00:03:56,710 është 200, e cila është e shkurtër për, natyrisht, OK, 84 00:03:56,710 --> 00:03:58,330 të cilat ne jemi të njohur me nga Http. 85 00:03:58,330 --> 00:04:03,735 Pra, ne jemi duke shpresuar se shteti ynë i gatshëm është katër, dhe statusi ynë është 200. 86 00:04:03,735 --> 00:04:07,940 Dhe në qoftë se shtetin tonë gati është katër, dhe reagimi 87 00:04:07,940 --> 00:04:11,490 është e gatshme për të vënë mbi faqe, dhe statusi është 200, 88 00:04:11,490 --> 00:04:13,580 ne ishim në gjendje të bëjmë çdo gjë me sukses, 89 00:04:13,580 --> 00:04:17,209 Tani ne mund të asynchronously të rinovuar faqen tonë 90 00:04:17,209 --> 00:04:21,730 pa pasur nevojë të rifreskoni tërë përmbajtja e saj. 91 00:04:21,730 --> 00:04:27,710 >> Pasi ne kemi përcaktuar se çfarë ndodh me sjelljen onreadystatechange, 92 00:04:27,710 --> 00:04:31,020 dhe ne kemi kontrolluar se readyState është 4 dhe statusi është 200, 93 00:04:31,020 --> 00:04:33,900 atëherë të gjithë ne duhet të bëjmë është hapur një asinkron 94 00:04:33,900 --> 00:04:38,530 kërkesë, e cila është vetëm duke e bërë një Http në përgjithësi të marrë kërkesën. 95 00:04:38,530 --> 00:04:41,950 Vetëm duke bërë atë programuar, në vend të nëpërmjet shfletuesit tonë të internetit. 96 00:04:41,950 --> 00:04:43,786 Dhe pastaj kemi dërguar këtë kërkesë. 97 00:04:43,786 --> 00:04:45,660 Pra, çfarë e bën këtë ndoshta duket si në kontekst? 98 00:04:45,660 --> 00:04:49,790 Kështu që këtu është një funksion që merret me kërkesa AJAX. 99 00:04:49,790 --> 00:04:50,290 NE RREGULL? 100 00:04:50,290 --> 00:04:52,430 Dhe unë e kam thënë në mënyrë arbitrare ajo pranon një argument. 101 00:04:52,430 --> 00:04:55,550 Dhe kjo një lloj i një skelet i përgjithshëm këtu. 102 00:04:55,550 --> 00:05:00,890 Në fillim, ne kemi marrë vetë një objekt të ri XMLHttpRequest. 103 00:05:00,890 --> 00:05:03,830 Pastaj, Unë kam nevojë për të vendosur Sjellja onreadystatechange. 104 00:05:03,830 --> 00:05:06,970 Dhe kështu që unë jam duke shkuar për të thënë kur ndryshimet readyState, 105 00:05:06,970 --> 00:05:10,110 Unë dua që ju të telefononi këtë funksion. 106 00:05:10,110 --> 00:05:12,570 >> E cila do të pyesni pyetje, nëse readyState 107 00:05:12,570 --> 00:05:17,240 është 4, nëse readyState ka ndryshuar të jetë 4, dhe status ishte 200, 108 00:05:17,240 --> 00:05:20,799 kështu që kemi pasur një kërkesë të suksesshëm, unë duan të bëjnë diçka për faqe. 109 00:05:20,799 --> 00:05:22,590 Dhe ne do të hedhim një vështrim në një shembull të asaj që 110 00:05:22,590 --> 00:05:25,010 se diçka mund të jetë në një të dytë. 111 00:05:25,010 --> 00:05:27,830 Kështu pra, tani unë kam përcaktuar Funksioni im anonim, 112 00:05:27,830 --> 00:05:31,340 Funksioni im përgjigje sa herë ndryshimet readyState. 113 00:05:31,340 --> 00:05:37,120 >> Deri atëherë unë vetëm duhet për të hapur një të kërkojë, duke përdorur metodën e hapur. 114 00:05:37,120 --> 00:05:39,160 Dhe pastaj, unë po dërgoj këtë kërkesë. 115 00:05:39,160 --> 00:05:41,980 Dhe le të marrin një vështrim në një shembull më konkret 116 00:05:41,980 --> 00:05:46,290 e çfarë AJAX mund të bëjë në faqet tona të internetit. 117 00:05:46,290 --> 00:05:49,740 Kështu që unë kam këtu një shumë e thjeshtë faqe quajtur home.html. 118 00:05:49,740 --> 00:05:53,620 Dhe unë kam marrë një informacion i shkon këtu dhe disa lloj drop-down menu. 119 00:05:53,620 --> 00:05:55,390 >> Dhe ne do të rishqyrtojnë këtë në një të dytë. 120 00:05:55,390 --> 00:05:59,150 Por, unë mendoj se ne tani duhet të marrë një shikoni në kodin burimor aktuale. 121 00:05:59,150 --> 00:06:01,080 Dhe kështu, unë jam duke shkuar për të hapur home.html. 122 00:06:01,080 --> 00:06:03,490 123 00:06:03,490 --> 00:06:04,740 Dhe ne do të shohim se çfarë po ndodh. 124 00:06:04,740 --> 00:06:08,240 Pra, deri në shumë të lartë këtu, unë kam disa sende JavaScript që po ndodh. 125 00:06:08,240 --> 00:06:12,470 >> Dhe këtu, me sa duket unë kam një div ID cilit është infodiv, 126 00:06:12,470 --> 00:06:15,290 dhe disa informacione do të shkojë atje. 127 00:06:15,290 --> 00:06:16,374 Dhe atëherë unë kam këtë formular. 128 00:06:16,374 --> 00:06:18,081 Dhe brenda kësaj formë, unë kam diçka 129 00:06:18,081 --> 00:06:20,200 quajtur një Zgjidh, e cila është vetëm një drop-down menu 130 00:06:20,200 --> 00:06:22,150 me një bandë të opcioneve të ndryshme. 131 00:06:22,150 --> 00:06:26,150 Dhe me sa duket kur kjo ndryshon, kur opsion që është përzgjedhur ka 132 00:06:26,150 --> 00:06:30,600 ndryshuar, unë jam duke shkuar për të thirrur disa funksion cs50Info, 133 00:06:30,600 --> 00:06:33,190 dhe atëherë unë jam duke shkuar për kalojë në this.value, 134 00:06:33,190 --> 00:06:35,740 ku kjo i referohet cili opsion është zgjedhur, 135 00:06:35,740 --> 00:06:39,820 dhe vlera është një nga këto këtu, opsion Vlera = barabartë bosh, "Blumberg" 136 00:06:39,820 --> 00:06:42,610 "Bowden," "chan," dhe "Malan." 137 00:06:42,610 --> 00:06:45,090 >> Pra, çfarë mund të vërtetë ndodh këtu kur unë bëj këtë? 138 00:06:45,090 --> 00:06:48,800 E pra, le të marrin një shikoni në blumberg.html. 139 00:06:48,800 --> 00:06:51,330 140 00:06:51,330 --> 00:06:53,924 Duket sikur kjo është vetëm një copë e disa HTML. 141 00:06:53,924 --> 00:06:56,090 Dhe në fakt, çfarë unë jam duke shpresuar do të ndodhë këtu 142 00:06:56,090 --> 00:07:00,020 po unë jam do të jetë në gjendje për të plug kjo Html direkt në web faqen time 143 00:07:00,020 --> 00:07:02,970 pa pasur nevojë të rifreskoni faqe, e tillë që, kur 144 00:07:02,970 --> 00:07:07,510 Unë zgjedh Anën nga drop-down menu, informacion në lidhje me Hannah, 145 00:07:07,510 --> 00:07:11,100 në veçanti, ky informacion këtu në blumberg.html, 146 00:07:11,100 --> 00:07:12,574 është ajo që tregon deri në faqen e. 147 00:07:12,574 --> 00:07:13,740 Dhe unë nuk kam për të rifreskuar. 148 00:07:13,740 --> 00:07:16,842 Dhe në qoftë se unë zgjodha dikë tjetër, informatat e tyre do të shfaqen. 149 00:07:16,842 --> 00:07:17,550 Si mund ta bëj këtë? 150 00:07:17,550 --> 00:07:20,290 Përsëri, kjo kërkon që ne të përdorim disa AJAX. 151 00:07:20,290 --> 00:07:22,540 Dhe kështu, ne do të hapur deri ajax.js. 152 00:07:22,540 --> 00:07:25,550 Dhe këtu është se funksioni, cs50Info. 153 00:07:25,550 --> 00:07:27,410 Nëse emri është asgjë, unë të kthehet. 154 00:07:27,410 --> 00:07:31,450 Unë nuk jam duke shkuar për të bërë asgjë nëse opsioni bosh është zgjedhur. 155 00:07:31,450 --> 00:07:35,420 Përndryshe, unë jam duke shkuar për të krijojë një XMLHttpRequest re. 156 00:07:35,420 --> 00:07:39,020 Dhe atëherë unë jam duke shkuar për të thënë, kur Ndryshimet readyState, e quajmë këtë funksion. 157 00:07:39,020 --> 00:07:43,630 >> Dhe në qoftë se është readyState 4 dhe statusi është 200, 158 00:07:43,630 --> 00:07:45,740 këtu është pak i jQuery on line 13. 159 00:07:45,740 --> 00:07:50,450 Por të gjitha unë jam duke bërë është duke thënë: të ndryshojë përmbajtjen e infodiv 160 00:07:50,450 --> 00:07:57,820 të jetë çdo gjë që kam marrë përsëri si një Përgjigja nga HttpRequest tim. 161 00:07:57,820 --> 00:07:59,590 >> Çfarë është HttpRequest ime? 162 00:07:59,590 --> 00:08:02,020 E pra, kjo është e drejtë këtu on line 18 dhe 19. 163 00:08:02,020 --> 00:08:08,550 Line 18, unë jam në thelb duke u përgatitur një MERRNI kërkesës për emrin + .html. 164 00:08:08,550 --> 00:08:11,170 Dhe përsëri, emri këtu është argumenti se ishte 165 00:08:11,170 --> 00:08:14,280 kaloi në si një parametër për cs50Info. 166 00:08:14,280 --> 00:08:18,460 >> Pra, në thelb, unë jam duke kaluar në dikush e emrin, e cila ishte ajo grup opcionesh 167 00:08:18,460 --> 00:08:22,980 që pamë në drop-down menu në formë. 168 00:08:22,980 --> 00:08:24,450 Unë jam marrë këtë emër. 169 00:08:24,450 --> 00:08:29,530 Dhe unë jam duke thënë se unë do të doja që ju të ju lutem të marrë për mua që file.html, 170 00:08:29,530 --> 00:08:31,020 dhe pastaj dërgojnë atë kërkesë. 171 00:08:31,020 --> 00:08:34,820 >> Dhe kështu që onreadystatechange po shkon të jetë i dëgjuar dhe duke pritur dhe duke pritur 172 00:08:34,820 --> 00:08:39,460 dhe duke pritur, derisa readyState është 4, dhe gjendja eshte 200. 173 00:08:39,460 --> 00:08:44,970 Pra, kjo është gati për t'u shërbyer, dhe kërkesa ishte i suksesshëm. 174 00:08:44,970 --> 00:08:49,500 Dhe pastaj në qoftë se ajo është, ajo do të të ndryshojë përmbajtjen e infodiv 175 00:08:49,500 --> 00:08:53,030 të jetë teksti përgjigja që kam marrë prapa. 176 00:08:53,030 --> 00:08:54,930 >> Pra, le të shohim se si kjo në fakt mund të punojnë. 177 00:08:54,930 --> 00:08:58,860 Pra, ne do të shkojnë mbi të shfletuesin tim dritare, dhe ne do të shohim këtu. 178 00:08:58,860 --> 00:09:01,359 Pra, le të marrin një vështrim në çfarë po ndodh këtu në AJAX. 179 00:09:01,359 --> 00:09:03,400 Pra, ne do të zgjedhin dikë nga drop-down menu. 180 00:09:03,400 --> 00:09:06,079 Pra, në këtë rast, le të vetëm të zgjidhni Anën. 181 00:09:06,079 --> 00:09:08,120 Dhe vini re se Ana e informacioni ka ndryshuar, 182 00:09:08,120 --> 00:09:11,030 por unë nuk kam any-- tim faqe nuk ringarkoni tërësisht. 183 00:09:11,030 --> 00:09:12,190 Sende qëndroi. 184 00:09:12,190 --> 00:09:13,320 Shumica e gjëra qëndruan. 185 00:09:13,320 --> 00:09:14,320 AJAX Test nuk ka ndryshuar. 186 00:09:14,320 --> 00:09:16,700 Button vetë, kjo drop-down menu nuk ka ndryshuar. 187 00:09:16,700 --> 00:09:18,260 Por, informacioni nuk ka ndryshuar. 188 00:09:18,260 --> 00:09:20,218 Dhe në varësi se si shpejt lëviz My Computer, 189 00:09:20,218 --> 00:09:24,430 ju në fakt mund të shihni se përmbajtjen zhduket dhe pastaj rishfaqet me të vërtetë 190 00:09:24,430 --> 00:09:24,930 shpejt. 191 00:09:24,930 --> 00:09:27,320 Kjo është përmbajtja e të qenit fshihet nga infodiv, 192 00:09:27,320 --> 00:09:29,940 dhe pastaj zëvendësohet me një kërkesë e re për asinkron. 193 00:09:29,940 --> 00:09:34,410 >> Pra, nëse unë kaloni atë për t'u thënë, Rob-- dhe përsëri, të marrë një sy, 194 00:09:34,410 --> 00:09:38,379 dhe ndoshta ne do të shohim atë në fakt zhduken dhe rishfaqen shpejt. 195 00:09:38,379 --> 00:09:38,920 Ju shihni se? 196 00:09:38,920 --> 00:09:41,400 Si ajo vetëm popped larg, dhe pastaj ajo rimbushet? 197 00:09:41,400 --> 00:09:43,640 Kjo është kërkesa AJAX lloj duke u zhvilluar. 198 00:09:43,640 --> 00:09:46,060 Dhe kështu në varësi të Personi unë zgjedh, unë jam 199 00:09:46,060 --> 00:09:50,690 duke bërë një Asynchronous ndryshme Kërkesa për një skedar të ndryshëm 200 00:09:50,690 --> 00:09:52,730 që unë kam në serverin tim. 201 00:09:52,730 --> 00:09:55,550 Dhe përmbajtjen e mia infodiv janë përditësimin, 202 00:09:55,550 --> 00:09:58,457 bazuar në të cilën nga këto unë kam zgjedhur. 203 00:09:58,457 --> 00:10:00,040 Pra, kjo është me të vërtetë e gjitha nuk është për AJAX. 204 00:10:00,040 --> 00:10:04,090 Kjo na lejon për të bërë këto Asynchronous kërkesa, përditësimet në një faqe. 205 00:10:04,090 --> 00:10:06,450 Pa pasur nevojë të rifreskoni faqe të tërë, 206 00:10:06,450 --> 00:10:08,520 ne jemi duke shkuar për të marrë të reja Përmbajtja nga ajo duke e bërë 207 00:10:08,520 --> 00:10:11,170 një kërkesë e re të freskët në server. 208 00:10:11,170 --> 00:10:13,420 Dhe kështu, faqet tona mund të bëhen mjaft pak më dinamike. 209 00:10:13,420 --> 00:10:15,128 >> Dhe si ne të merrni më shumë dhe më të avancuar, ju 210 00:10:15,128 --> 00:10:17,700 mund të merrni gjëra të tilla si të themi, e-mail kutinë tuaj, 211 00:10:17,700 --> 00:10:19,850 ku ju nuk keni të bëni asgjë. 212 00:10:19,850 --> 00:10:22,560 Ju nuk duhet të klikoni një drop-down menu apo klikoni ndonjë gjë, 213 00:10:22,560 --> 00:10:25,920 dhe të gjithë një e papritur, më i ri tuaj Albumi i tregon deri në krye. 214 00:10:25,920 --> 00:10:27,840 Kjo është gjithashtu vetëm një kërkesë Ajax. 215 00:10:27,840 --> 00:10:30,460 Ajax po kërkon tuaj server, server-mail, 216 00:10:30,460 --> 00:10:33,360 të dërgojë mbi të gjithë informacionin e për emailet tuaj të fundit, 217 00:10:33,360 --> 00:10:38,110 dhe ndryshimin e asaj që ju shihni në Ekran të jetë vendosur tuaj e-mail më i ri. 218 00:10:38,110 --> 00:10:41,080 Dhe në qoftë se ju keni një të ri në atje, atëherë përmbajtja e kësaj div 219 00:10:41,080 --> 00:10:44,580 do të ndryshojë për të pasqyruar përmbajtja updated. 220 00:10:44,580 --> 00:10:45,480 Unë jam Doug Lloyd. 221 00:10:45,480 --> 00:10:47,500 Kjo është CS50. 222 00:10:47,500 --> 00:10:49,229