1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,810 [Musikwiedergabe] 3 00:00:04,810 --> 00:00:06,940 >> DOUG LLOYD: Und noch ein Art von Vorstellung, dass 4 00:00:06,940 --> 00:00:12,120 Art fällt unter dem Dach JavaScript ist etwas namens AJAX. 5 00:00:12,120 --> 00:00:15,310 Bis zu diesem Zeitpunkt, unsere Interaktion mit JavaScript 6 00:00:15,310 --> 00:00:17,727 wurde begrenzt, um eine Push- Button und etwas passiert. 7 00:00:17,727 --> 00:00:19,560 Und insbesondere das etwas, das passiert, 8 00:00:19,560 --> 00:00:22,950 ist unsere Webseiten aussehen und fühlen sich ändert. 9 00:00:22,950 --> 00:00:23,450 Recht? 10 00:00:23,450 --> 00:00:26,540 Wie insbesondere in der Document Object Model-Video, 11 00:00:26,540 --> 00:00:29,060 Ich habe die Hintergrundfarbe. 12 00:00:29,060 --> 00:00:33,240 Aber als ich das tat, hatte ich nicht keine besonderen zusätzlichen Anfragen zu tun. 13 00:00:33,240 --> 00:00:36,800 Ich hatte nicht zu verlangen, dass der Server senden Sie mir eine neue Seite. 14 00:00:36,800 --> 00:00:39,620 Ich habe gerade das, was ich schon. 15 00:00:39,620 --> 00:00:42,245 Ich habe nicht zu meiner Seite neu zu laden, und die Dinge auf jeden Fall verändert, 16 00:00:42,245 --> 00:00:43,760 so das ist großartig. 17 00:00:43,760 --> 00:00:48,400 Aber es gibt auf jeden Fall einige manuelle Benutzerinteraktion beteiligt. 18 00:00:48,400 --> 00:00:53,140 AJAX ist eine coole Technik, die erlaubt uns zu Inhalt einer Seite aktualisieren, 19 00:00:53,140 --> 00:00:55,750 und nicht nur das Aussehen und das Gefühl, ohne Nachladen. 20 00:00:55,750 --> 00:00:58,610 >> Und zwar dann, wenn ich sagen Aktualisierung Inhalt einer Seite, 21 00:00:58,610 --> 00:01:01,990 Ich sage nicht, schreiben wir die Seite mit Hilfe von JavaScript. 22 00:01:01,990 --> 00:01:06,560 Ich sage, wir tatsächlich beantragen Weitere Informationen von dem Server 23 00:01:06,560 --> 00:01:08,640 ohne auf unserer Seite mit zu laden. 24 00:01:08,640 --> 00:01:10,850 >> Nun, da das für ein bisschen eine fortgeschrittene Technik 25 00:01:10,850 --> 00:01:11,950 dass wir gehen, zu sprechen etwa in diesem Video. 26 00:01:11,950 --> 00:01:13,720 Wir werden einige Interaktion haben. 27 00:01:13,720 --> 00:01:17,750 Aber wenn wir das tun, werde ich zu sein Anfragen an den Webserver. 28 00:01:17,750 --> 00:01:21,140 In diesem Fall genau das, was ist Laufen meine Apache-Webserver. 29 00:01:21,140 --> 00:01:25,010 Ich werde werden was zusätzliche Anfragen während ich den Besuch einer Web-Seite, 30 00:01:25,010 --> 00:01:26,890 aber meine Seite nicht aktualisieren. 31 00:01:26,890 --> 00:01:30,000 >> Es ist gerade dabei, asynchron zu aktualisieren meiner Seite. 32 00:01:30,000 --> 00:01:31,840 Und das ist in der Tat die AJAX steht für, 33 00:01:31,840 --> 00:01:35,400 ist Asynchronous JavaScript and XML. 34 00:01:35,400 --> 00:01:37,910 XML ist eine andere Art von Markup Sprache, und Sie können von zu sortieren 35 00:01:37,910 --> 00:01:39,680 denken Sie an es wie HTML. 36 00:01:39,680 --> 00:01:42,990 Es ist nicht ganz dasselbe, aber es ist im Grunde nur eine Markup-Sprache. 37 00:01:42,990 --> 00:01:47,770 Es ist also eine asynchrone JavaScript und eine Markup-Sprache. 38 00:01:47,770 --> 00:01:50,590 >> Also, um diese zu verwenden AJAX technique-- AJAX 39 00:01:50,590 --> 00:01:52,230 kein separates Programmiersprache. 40 00:01:52,230 --> 00:01:55,300 Es ist nur eine Art Satz von techniques-- wir 41 00:01:55,300 --> 00:01:57,870 benötigen einen speziellen zu schaffen JavaScript-Objekt, das 42 00:01:57,870 --> 00:02:00,689 wird als XMLHttpRequest. 43 00:02:00,689 --> 00:02:01,980 Jetzt ist es sehr einfach, dies zu tun. 44 00:02:01,980 --> 00:02:04,550 Wir sagen nur var, was auch immer Wir wollen dieses Objekt aufrufen, 45 00:02:04,550 --> 00:02:07,030 entspricht neue XMLHttpRequest. 46 00:02:07,030 --> 00:02:11,050 Und jetzt haben wir jetzt erreicht haben ein AJAX Art von Objekt, 47 00:02:11,050 --> 00:02:14,370 oder eine XMLHttpRequest Objekt, die es erlauben 48 00:02:14,370 --> 00:02:18,360 uns, asynchron zu aktualisieren unsere Seite. 49 00:02:18,360 --> 00:02:23,100 >> Nachdem wir dieses neue bekommen Gegenstand dieses XMLHttpRequest, 50 00:02:23,100 --> 00:02:27,760 wir etwas tun müssen, ihre onreadystatechange Verhalten. 51 00:02:27,760 --> 00:02:30,360 Onreadystatechange Verhalten ist wirklich nur 52 00:02:30,360 --> 00:02:34,080 wenn Sie eine Anfrage machen um eine Web-Seite, die Seite 53 00:02:34,080 --> 00:02:35,880 geht durch eine Anzahl von Schritten. 54 00:02:35,880 --> 00:02:37,370 Erstens hat eine Anforderung nicht gesendet. 55 00:02:37,370 --> 00:02:39,860 Dann wurde der Antrag gewesen geschickt, aber nicht beaufschlagt. 56 00:02:39,860 --> 00:02:41,580 Dann wurde der Antrag Folge geleistet wurde. 57 00:02:41,580 --> 00:02:43,680 Dann ist der Wunsch wird an Sie zurückgeschickt. 58 00:02:43,680 --> 00:02:46,930 >> Dann wird die Anforderung in Ihre Seite vollständig geladen ist. 59 00:02:46,930 --> 00:02:48,640 Das sind verschiedene Zustände. 60 00:02:48,640 --> 00:02:53,890 Und so müssen wir unsere eingestellt neue XMLHttpRequest-Objekt 61 00:02:53,890 --> 00:02:58,740 um, wenn die Bereitschaftszustand ändert. 62 00:02:58,740 --> 00:03:01,925 Und in der Regel, die wir dies tun, indem eine anonyme Funktion, die Definition der 63 00:03:01,925 --> 00:03:04,490 wir sind mit von der vertrauten JavaScript Nun, das 64 00:03:04,490 --> 00:03:09,840 wird aufgerufen, wenn die Bereitschaftszustand ändert. 65 00:03:09,840 --> 00:03:11,340 Es ist wirklich nicht viel mehr als das. 66 00:03:11,340 --> 00:03:14,340 Wir sind gerade dabei, werden die Definition ein anonyme Funktion, Art mögen, was 67 00:03:14,340 --> 00:03:16,440 wir taten in JavaScript, wo wir 68 00:03:16,440 --> 00:03:18,750 haben eine anonyme Funktion reagieren auf ein Ein Klick 69 00:03:18,750 --> 00:03:23,230 oder wenn wir eine Karte zu tun Die verschiedenen Aufgaben in einem Array. 70 00:03:23,230 --> 00:03:25,220 >> Etwas ist passiert, wenn etwas angeklickt wurde. 71 00:03:25,220 --> 00:03:28,810 In diesem Fall, es ist nur etwas passiert, wenn der Zustand unserer Seite 72 00:03:28,810 --> 00:03:30,160 ändert. 73 00:03:30,160 --> 00:03:32,730 Es gibt zwei weitere Eigenschaften Diese Art von-- sie sind nicht 74 00:03:32,730 --> 00:03:35,524 die einzigen Eigenschaften, die sind inhärent XMLHttpRequest, 75 00:03:35,524 --> 00:03:36,940 aber sie sind ziemlich wichtige. 76 00:03:36,940 --> 00:03:39,815 Es gibt etwas namens readystate, die, wie Sie vermutlich schätzen können, 77 00:03:39,815 --> 00:03:41,750 ist im Zusammenhang mit onreadystatechange. 78 00:03:41,750 --> 00:03:44,250 Es tatsächlich sagt Ihnen, was die Readystate ist. 79 00:03:44,250 --> 00:03:46,289 0, 1, 2, 3 und 4 die Möglichkeiten gibt, 80 00:03:46,289 --> 00:03:48,080 und sie Art von grob entsprechen dem, was 81 00:03:48,080 --> 00:03:50,030 Ich war gerade über vor einer Sekunde. 82 00:03:50,030 --> 00:03:53,100 >> Und dann Status, der hoffentlich, wenn alles OK, 83 00:03:53,100 --> 00:03:56,710 200, die kurz ist für die, natürlich, OK, 84 00:03:56,710 --> 00:03:58,330 die wir mit von Http vertraut. 85 00:03:58,330 --> 00:04:03,735 So hoffen wir, dass unsere Bereitschaftszustand vier ist, und unseren Status ist 200. 86 00:04:03,735 --> 00:04:07,940 Und wenn unsere Bereitschaftszustand vier ist, und die Antwort 87 00:04:07,940 --> 00:04:11,490 ist bereit, auf die genommen werden Seite und der Status 200, 88 00:04:11,490 --> 00:04:13,580 wir waren in der Lage zu tun, alles erfolgreich, 89 00:04:13,580 --> 00:04:17,209 Jetzt können wir asynchron aktualisieren unsere Seite 90 00:04:17,209 --> 00:04:21,730 ohne neu zu laden der gesamte Inhalt davon. 91 00:04:21,730 --> 00:04:27,710 >> Nachdem wir festgelegt, was passiert, auf die onreadystatechange Verhalten, 92 00:04:27,710 --> 00:04:31,020 und wir haben überprüft, dass readystate 4 und Status 200, 93 00:04:31,020 --> 00:04:33,900 dann alles, was wir tun müssen, ist eröffnen einen asynchronen 94 00:04:33,900 --> 00:04:38,530 Anfrage, das gerade seine eine HTTP-GET-Anforderung im Allgemeinen. 95 00:04:38,530 --> 00:04:41,950 Nur tun es programmatisch, statt über unser Web-Browser. 96 00:04:41,950 --> 00:04:43,786 Und dann diese Anforderung senden wir. 97 00:04:43,786 --> 00:04:45,660 Also, was vielleicht tut dies, sehen aus wie in Zusammenhang? 98 00:04:45,660 --> 00:04:49,790 Also hier ist eine Funktion, beschäftigt sich mit AJAX Anfragen. 99 00:04:49,790 --> 00:04:50,290 OK? 100 00:04:50,290 --> 00:04:52,430 Und ich habe willkürlich das sie übernimmt ein Argument. 101 00:04:52,430 --> 00:04:55,550 Und dieses eine Art ein allgemeine Skelett hier. 102 00:04:55,550 --> 00:05:00,890 Ganz am Anfang, so erhalten wir uns ein neues XMLHttpRequest-Objekt. 103 00:05:00,890 --> 00:05:03,830 Dann muss ich das einstellen onreadystatechange Verhalten. 104 00:05:03,830 --> 00:05:06,970 Und so werde ich sagen, wenn die readystate ändert, 105 00:05:06,970 --> 00:05:10,110 Ich möchte, dass diese Funktion aufrufen. 106 00:05:10,110 --> 00:05:12,570 >> Die gehen, um das zu bitten Frage, ob die readystate 107 00:05:12,570 --> 00:05:17,240 4 ist, wenn der Readystate geändert hat bis 4, und der Status betrug 200, 108 00:05:17,240 --> 00:05:20,799 so hatten wir eine erfolgreiche Anforderung, I wollen etwas auf die Seite zu tun. 109 00:05:20,799 --> 00:05:22,590 Und wir werden einen Blick zu nehmen ein Beispiel dessen, was 110 00:05:22,590 --> 00:05:25,010 dass etwas in einer Sekunde. 111 00:05:25,010 --> 00:05:27,830 Also, jetzt habe ich festgelegt meine anonyme Funktion, 112 00:05:27,830 --> 00:05:31,340 meinem Antwortfunktion, wenn die readystate ändert. 113 00:05:31,340 --> 00:05:37,120 >> Also brauche ich nur zu öffnen, ein anzufordern, mit der Open-Methode. 114 00:05:37,120 --> 00:05:39,160 Und dann habe ich diesen Antrag zu senden. 115 00:05:39,160 --> 00:05:41,980 Und lassen Sie uns einen Blick auf Ein konkreteres Beispiel 116 00:05:41,980 --> 00:05:46,290 von dem, was AJAX finden Sie auf unserer Web-Seiten zu tun. 117 00:05:46,290 --> 00:05:49,740 Also ich habe hier eine sehr einfache Seite namens home.html. 118 00:05:49,740 --> 00:05:53,620 Und ich habe ein Informations geht hier und eine Art von Dropdown-Menü. 119 00:05:53,620 --> 00:05:55,390 >> Und wir werden diese in einer Sekunde zu überdenken. 120 00:05:55,390 --> 00:05:59,150 Aber ich denke, wir sollten jetzt einen Blick auf die eigentlichen Quellcode. 121 00:05:59,150 --> 00:06:01,080 Und so werde ich eröffnen home.html. 122 00:06:01,080 --> 00:06:03,490 123 00:06:03,490 --> 00:06:04,740 Und wir werden sehen, was los ist. 124 00:06:04,740 --> 00:06:08,240 Also bis auf hier, ganz nach oben, ich habe einige JavaScript Sachen, die vor sich geht. 125 00:06:08,240 --> 00:06:12,470 >> Und hier, ich habe anscheinend ein div mit der ID infodiv, 126 00:06:12,470 --> 00:06:15,290 und einige Informationen wird, dorthin zu gehen. 127 00:06:15,290 --> 00:06:16,374 Und dann habe ich dieses Formular. 128 00:06:16,374 --> 00:06:18,081 Und innerhalb dieses Form, ich habe etwas 129 00:06:18,081 --> 00:06:20,200 genannt wählen, die ist nur ein Dropdown-Menü 130 00:06:20,200 --> 00:06:22,150 mit einer Reihe von verschiedenen Optionen. 131 00:06:22,150 --> 00:06:26,150 Und anscheinend, wenn sich das ändert, wenn die Option, die ausgewählt wurde, hat 132 00:06:26,150 --> 00:06:30,600 geändert wird, werde ich rufen eine Funktion cs50Info, 133 00:06:30,600 --> 00:06:33,190 und dann werde ich gehen, um Pass in this.value, 134 00:06:33,190 --> 00:06:35,740 wobei es sich dabei um welche Option gewählt wurde, 135 00:06:35,740 --> 00:06:39,820 und Wert ist eine davon hier, Option Wert = ist gleich leer ", Blumberg," 136 00:06:39,820 --> 00:06:42,610 "Bowdenzug", "Chan" und "Malan." 137 00:06:42,610 --> 00:06:45,090 >> Also, was könnte in der Tat passieren hier, wenn ich dies tun? 138 00:06:45,090 --> 00:06:48,800 Nun, lassen Sie uns einen Blick auf blumberg.html. 139 00:06:48,800 --> 00:06:51,330 140 00:06:51,330 --> 00:06:53,924 Sieht aus, als es ist nur eine Snippet einige HTML. 141 00:06:53,924 --> 00:06:56,090 Und in der Tat, was ich hoffe, wird hier passieren 142 00:06:56,090 --> 00:07:00,020 ist werde ich in der Lage, Plug sein Diese HTML direkt in meiner Web-Seite 143 00:07:00,020 --> 00:07:02,970 ohne neu zu laden die Seite, so dass, wenn 144 00:07:02,970 --> 00:07:07,510 Ich wähle Hannah aus dem Dropdown- Menü Informationen zu Hannah, 145 00:07:07,510 --> 00:07:11,100 insbesondere diesen Informationen hier in blumberg.html, 146 00:07:11,100 --> 00:07:12,574 ist, was zeigt sich auf der Seite. 147 00:07:12,574 --> 00:07:13,740 Und ich nicht haben, um zu aktualisieren. 148 00:07:13,740 --> 00:07:16,842 Und wenn ich wählte jemand anderes, ihre Informationen auftauchen würde. 149 00:07:16,842 --> 00:07:17,550 Wie kann ich dies tun? 150 00:07:17,550 --> 00:07:20,290 Auch dies erfordert uns einige AJAX verwenden. 151 00:07:20,290 --> 00:07:22,540 Und so werden wir ajax.js. eröffnen 152 00:07:22,540 --> 00:07:25,550 Und hier ist die Funktion, cs50Info. 153 00:07:25,550 --> 00:07:27,410 Wenn der Name nichts, kehre ich. 154 00:07:27,410 --> 00:07:31,450 Ich werde mich nicht, etwas zu tun, wenn die leere Option gewählt. 155 00:07:31,450 --> 00:07:35,420 Ansonsten bin ich zu gehen Erstellen Sie ein neues XMLHttpRequest. 156 00:07:35,420 --> 00:07:39,020 Und dann werde ich sagen, wenn die readystate ändert, rufen Sie diese Funktion. 157 00:07:39,020 --> 00:07:43,630 >> Und wenn der Readystate ist 4 und der Status 200, 158 00:07:43,630 --> 00:07:45,740 Hier ist ein wenig von jQuery in Zeile 13. 159 00:07:45,740 --> 00:07:50,450 Aber alles, was ich tue, ist zu sagen, Ändern Sie den Inhalt infodiv 160 00:07:50,450 --> 00:07:57,820 zu sein, was ich wieder als Antwort von meinem Httprequest. 161 00:07:57,820 --> 00:07:59,590 >> Was ist meine Httprequest? 162 00:07:59,590 --> 00:08:02,020 Na ja, das ist richtig hier auf der Linie 18 und 19. 163 00:08:02,020 --> 00:08:08,550 Zeile 18, ich bin im Grunde Vorbereitung eine GET-Anforderung für den Namen + .html. 164 00:08:08,550 --> 00:08:11,170 Und wieder, hier ist Name das Argument, war 165 00:08:11,170 --> 00:08:14,280 in der als Parameter an cs50Info geleitet. 166 00:08:14,280 --> 00:08:18,460 >> Also im Grunde bin ich in jemandes vorbei Name, der die Reihe von Optionen war 167 00:08:18,460 --> 00:08:22,980 dass wir in der Säge Dropdown-Menü in Form. 168 00:08:22,980 --> 00:08:24,450 Ich bekomme diesen Namen. 169 00:08:24,450 --> 00:08:29,530 Und ich sage, würde ich mag dich Sie erhalten für mich, dass file.html, 170 00:08:29,530 --> 00:08:31,020 und senden Sie diesen Antrag. 171 00:08:31,020 --> 00:08:34,820 >> Und damit onreadystatechange wird zu sein, zuhören und warten und warten 172 00:08:34,820 --> 00:08:39,460 und wartet, bis die readystate 4 ist, und der Status ist 200. 173 00:08:39,460 --> 00:08:44,970 So ist es bereit, serviert werden, und die Anforderung war erfolgreich. 174 00:08:44,970 --> 00:08:49,500 Und dann, wenn es sich, es zu gehen Ändern Sie den Inhalt infodiv 175 00:08:49,500 --> 00:08:53,030 um die Antworttext, ich zurück sein. 176 00:08:53,030 --> 00:08:54,930 >> Also mal sehen, wie diese könnte tatsächlich funktionieren. 177 00:08:54,930 --> 00:08:58,860 Also werden wir zu meinem Browser Kopf Fenster, und wir werden hier aussehen. 178 00:08:58,860 --> 00:09:01,359 Werfen wir also einen Blick auf was ist los hier in AJAX. 179 00:09:01,359 --> 00:09:03,400 Also werden wir jemanden wählen aus dem Dropdown-Menü. 180 00:09:03,400 --> 00:09:06,079 Also in diesem Fall, lassen Sie uns wählen Sie einfach Hannah. 181 00:09:06,079 --> 00:09:08,120 Und beachten Sie dass Hannahs Informationen geändert haben, 182 00:09:08,120 --> 00:09:11,030 aber ich hatte nicht meinen any-- Seite nicht ganz neu zu laden. 183 00:09:11,030 --> 00:09:12,190 Das Zeug geblieben. 184 00:09:12,190 --> 00:09:13,320 Die meisten Sachen waren. 185 00:09:13,320 --> 00:09:14,320 AJAX-Test änderte sich nicht. 186 00:09:14,320 --> 00:09:16,700 Der Button selbst, diese Dropdown-Menü nicht verändert. 187 00:09:16,700 --> 00:09:18,260 Aber Informationen gibt es änderte. 188 00:09:18,260 --> 00:09:20,218 Und je nachdem, wie schnell meinem Computer bewegt, 189 00:09:20,218 --> 00:09:24,430 Sie könnte in der Tat, dass die Inhalte zu sehen verschwindet und dann erscheint wieder wirklich 190 00:09:24,430 --> 00:09:24,930 schnell. 191 00:09:24,930 --> 00:09:27,320 Das ist der Gehalt an von infodiv gelöscht, 192 00:09:27,320 --> 00:09:29,940 und dann mit einem ausgetauscht neue asynchrone Anforderung. 193 00:09:29,940 --> 00:09:34,410 >> Also, wenn ich schalten Sie ihn zu sagen ist, Rob-- wieder zu sehen, 194 00:09:34,410 --> 00:09:38,379 und vielleicht werden wir es tatsächlich sehen verschwinden und wieder erscheinen schnell. 195 00:09:38,379 --> 00:09:38,920 Siehst du das? 196 00:09:38,920 --> 00:09:41,400 Wie es gerade tauchte weg, und dann ist es wieder aufgefüllt? 197 00:09:41,400 --> 00:09:43,640 Das ist die AJAX-Request Art statt. 198 00:09:43,640 --> 00:09:46,060 Und so abhängig von der Person, die ich wählen, bin ich 199 00:09:46,060 --> 00:09:50,690 wodurch eine andere asynchrone Anfrage an ein anderes Datei 200 00:09:50,690 --> 00:09:52,730 dass ich auf meinem Server. 201 00:09:52,730 --> 00:09:55,550 Und der Inhalt meiner infodiv aktualisieren, 202 00:09:55,550 --> 00:09:58,457 basierend auf dem von ihnen habe ich gewählt. 203 00:09:58,457 --> 00:10:00,040 Also das ist wirklich alles, was man AJAX. 204 00:10:00,040 --> 00:10:04,090 Es ermöglicht uns, diese asynchronen machen Anfragen, Updates auf eine Seite. 205 00:10:04,090 --> 00:10:06,450 Ohne aktualisieren Sie die gesamte Seite, 206 00:10:06,450 --> 00:10:08,520 wir gehen neue zu bekommen Inhalt von ihm, indem sie 207 00:10:08,520 --> 00:10:11,170 eine neue frische Anfrage an den Server. 208 00:10:11,170 --> 00:10:13,420 Und so können sich unsere Seiten zu werden ein bisschen mehr Dynamik. 209 00:10:13,420 --> 00:10:15,128 >> Und wie wir erhalten mehr und Fortgeschrittene, können Sie 210 00:10:15,128 --> 00:10:17,700 vielleicht Dinge wie zu bekommen sagen wir, Ihren E-Mail-Posteingang, 211 00:10:17,700 --> 00:10:19,850 wo Sie nicht haben, etwas zu tun. 212 00:10:19,850 --> 00:10:22,560 Sie verfügen nicht über ein klicken Dropdown-Menü oder klicken Sie auf nichts, 213 00:10:22,560 --> 00:10:25,920 und ganz plötzlich, Ihre neuesten E-Mail zeigt sich an der Spitze. 214 00:10:25,920 --> 00:10:27,840 Das ist auch nur eine Ajax-Anfrage. 215 00:10:27,840 --> 00:10:30,460 Ajax bittet um Ihre Server, die E-Mail-Server, 216 00:10:30,460 --> 00:10:33,360 über alle Informationen, senden Sie über Ihre neuesten E-Mails, 217 00:10:33,360 --> 00:10:38,110 und ändern, was Sie auf der zu sehen Bildschirm, um die neueste Reihe von E-Mails sein. 218 00:10:38,110 --> 00:10:41,080 Und wenn Sie eine neue in haben gibt, dann ist der Inhalt dieser div 219 00:10:41,080 --> 00:10:44,580 wird sich ändern, um zu reflektieren Die aktualisierte Inhalte. 220 00:10:44,580 --> 00:10:45,480 Ich bin Doug Lloyd. 221 00:10:45,480 --> 00:10:47,500 Dies ist CS50. 222 00:10:47,500 --> 00:10:49,229