1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:04,810 [સંગીત વગાડવાનો] 3 00:00:04,810 --> 00:00:06,940 >> ડો LLOYD: તેથી વધુ એક કલ્પના સૉર્ટ કે 4 00:00:06,940 --> 00:00:12,120 પ્રકારની ના છત્ર હેઠળ પડે છે જાવાસ્ક્રિપ્ટ એજેક્સ કહેવાય કંઈક છે. 5 00:00:12,120 --> 00:00:15,310 આ બિંદુ સુધી, અમારા જાવાસ્ક્રિપ્ટ સાથે ક્રિયાપ્રતિક્રિયા 6 00:00:15,310 --> 00:00:17,727 એક પુશ મર્યાદિત કરવામાં આવી છે બટન અને કંઈક બને છે. 7 00:00:17,727 --> 00:00:19,560 અને ખાસ કરીને, થાય છે કે જે કંઈક 8 00:00:19,560 --> 00:00:22,950 અમારા વેબસાઇટ્સ જોવા અને ફેરફારો લાગે છે. 9 00:00:22,950 --> 00:00:23,450 અધિકાર? 10 00:00:23,450 --> 00:00:26,540 ખાસ કરીને જેમ, માં ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડેલ વિડિઓ, 11 00:00:26,540 --> 00:00:29,060 હું પૃષ્ઠભૂમિ રંગ બદલાય છે. 12 00:00:29,060 --> 00:00:33,240 હું તે કર્યું ત્યારે, હું ન હતી કોઇ ખાસ વધારાની અરજીઓ કરવા માટે. 13 00:00:33,240 --> 00:00:36,800 મને લાગે છે કે વિનંતી ન હતી સર્વર મને એક નવું પાનું મોકલો. 14 00:00:36,800 --> 00:00:39,620 હું માત્ર હું પહેલેથી જ શું બદલ્યો છે. 15 00:00:39,620 --> 00:00:42,245 હું મારા પૃષ્ઠને ફરીથી લોડ કરવાની જરૂર ન હતી અને વસ્તુઓ ચોક્કસપણે બદલાયેલ 16 00:00:42,245 --> 00:00:43,760 જેથી તે મહાન છે. 17 00:00:43,760 --> 00:00:48,400 પરંતુ ત્યાં ચોક્કસપણે કેટલાક જાતે વપરાશકર્તા ક્રિયાપ્રતિક્રિયા સમાવેશ થાય છે. 18 00:00:48,400 --> 00:00:53,140 AJAX પરવાનગી આપે છે કે જે ઠંડી ટેકનિક છે અમને પૃષ્ઠની સામગ્રી અપડેટ કરવા માટે, 19 00:00:53,140 --> 00:00:55,750 અને માત્ર દેખાવ અને ફરીથી લોડ કર્યા વગર લાગે છે. 20 00:00:55,750 --> 00:00:58,610 >> અને જ્યારે ખાસ કરીને હું એક પૃષ્ઠની સામગ્રી અપડેટ કહે છે, 21 00:00:58,610 --> 00:01:01,990 હું અમે ફરીથી લખી કહી રહ્યો છું જાવાસ્ક્રિપ્ટ ઉપયોગ કરીને આ પાનું. 22 00:01:01,990 --> 00:01:06,560 હું અમે ખરેખર વિનંતી કહી રહ્યો છું સર્વર માંથી વધુ માહિતી 23 00:01:06,560 --> 00:01:08,640 અમારા પૃષ્ઠને ફરીથી લોડ કર્યા વગર. 24 00:01:08,640 --> 00:01:10,850 >> એક બીટ હવે સૉર્ટ વધુ આધુનિક ટેકનિક 25 00:01:10,850 --> 00:01:11,950 અમે વાત કરવા જઈ રહ્યાં છો કે જે આ વિડિઓ માં વિશે. 26 00:01:11,950 --> 00:01:13,720 અમે કેટલાક ક્રિયાપ્રતિક્રિયા હોય રહ્યા છીએ. 27 00:01:13,720 --> 00:01:17,750 પરંતુ જ્યારે અમે, હું જાઉં છું વેબ સર્વર અરજીઓ બનાવે છે. 28 00:01:17,750 --> 00:01:21,140 આ કિસ્સામાં, માત્ર શું છે મારા અપાચે વેબ સર્વર ચાલી રહ્યું છે. 29 00:01:21,140 --> 00:01:25,010 હું વધારાના કરી જાઉં છું અરજીઓ હું એક વેબ પૃષ્ઠની મુલાકાત છું, જ્યારે 30 00:01:25,010 --> 00:01:26,890 પરંતુ મારા પાનું તાજું નહીં. 31 00:01:26,890 --> 00:01:30,000 >> તે માત્ર રહ્યું છે અસુમેળ મારા પાનું અપડેટ. 32 00:01:30,000 --> 00:01:31,840 અને તે, હકીકતમાં, છે AJAX માટે વપરાય છે, 33 00:01:31,840 --> 00:01:35,400 અસુમેળ જાવાસ્ક્રિપ્ટ અને XML છે. 34 00:01:35,400 --> 00:01:37,910 XML માર્કઅપ અન્ય પ્રકારનું છે ભાષા, અને તમે સૉર્ટ કરી શકો છો 35 00:01:37,910 --> 00:01:39,680 માત્ર HTML જેમ તે લાગે છે. 36 00:01:39,680 --> 00:01:42,990 તે ખૂબ જ વસ્તુ નથી, પરંતુ તે મૂળભૂત રીતે માત્ર એક માર્કઅપ ભાષા છે. 37 00:01:42,990 --> 00:01:47,770 તેથી તે એક સિંક્રનસ છે જાવાસ્ક્રિપ્ટ અને એક માર્કઅપ ભાષા. 38 00:01:47,770 --> 00:01:50,590 >> તેથી આ ઉપયોગ કરવા માટે AJAX technique-- AJAX 39 00:01:50,590 --> 00:01:52,230 એક અલગ પ્રોગ્રામીંગ ભાષા નથી. 40 00:01:52,230 --> 00:01:55,300 તે માત્ર પ્રકારની છે techniques-- અમે સમૂહ 41 00:01:55,300 --> 00:01:57,870 ખાસ બનાવવાની જરૂર છે જાવાસ્ક્રિપ્ટ પદાર્થ, જે 42 00:01:57,870 --> 00:02:00,689 એક XMLHttp માગણી કહેવામાં આવે છે. 43 00:02:00,689 --> 00:02:01,980 હવે, તે આ કરવા માટે ખૂબ જ સરળ છે. 44 00:02:01,980 --> 00:02:04,550 અમે હમણાં જ કહે છે var, ગમે અમે આ પદાર્થ કૉલ કરવા માંગો છો, 45 00:02:04,550 --> 00:02:07,030 નવા XMLHttp માગણી સમકક્ષ હોય છે. 46 00:02:07,030 --> 00:02:11,050 અને હવે અમે હવે મેળવી છે પદાર્થ એક એજેક્સ સૉર્ટ કરો, 47 00:02:11,050 --> 00:02:14,370 અથવા XMLHttp માગણી પરવાનગી આપે છે કે જે પદાર્થ, 48 00:02:14,370 --> 00:02:18,360 અમને અસુમેળ અમારા પાનું અપડેટ કરવા માટે. 49 00:02:18,360 --> 00:02:23,100 >> અમે આ નવી મેળવેલ છે પછી પદાર્થ, આ XMLHttp માગણી, 50 00:02:23,100 --> 00:02:27,760 અમે કંઈક કરવા માટે હોય છે તેના onreadystatechange વર્તન. 51 00:02:27,760 --> 00:02:30,360 Onreadystatechange વર્તન ખરેખર માત્ર છે 52 00:02:30,360 --> 00:02:34,080 તમે વિનંતી કરો ત્યારે એક વેબ પૃષ્ઠ પર, પૃષ્ઠ 53 00:02:34,080 --> 00:02:35,880 પગલાંઓની સંખ્યા મારફતે જાય છે. 54 00:02:35,880 --> 00:02:37,370 પ્રથમ, એક વિનંતિ મોકલવામાં આવી નથી. 55 00:02:37,370 --> 00:02:39,860 પછી, વિનંતી કરવામાં આવી છે મોકલવામાં આવે છે, પરંતુ પર કામ કર્યું નથી. 56 00:02:39,860 --> 00:02:41,580 પછી વિનંતી પર કામ કર્યું કરવામાં આવ્યું છે. 57 00:02:41,580 --> 00:02:43,680 પછી વિનંતી છે તમને પાછા મોકલવામાં આવી રહી છે. 58 00:02:43,680 --> 00:02:46,930 >> પછી, વિનંતી છે સંપૂર્ણપણે તમારા પૃષ્ઠ લોડ. 59 00:02:46,930 --> 00:02:48,640 તે વિવિધ રાજ્યો છે. 60 00:02:48,640 --> 00:02:53,890 અને તેથી અમે અમારી સુયોજિત કરવાની જરૂર છે નવા XMLHttp માગણી પદાર્થ 61 00:02:53,890 --> 00:02:58,740 જ્યારે તૈયાર રાજ્ય ફેરફારો બદલવા માટે. 62 00:02:58,740 --> 00:03:01,925 અને સામાન્ય રીતે, અમે આ કરી એક અનામી કાર્ય, વ્યાખ્યાયિત જે 63 00:03:01,925 --> 00:03:04,490 અમે માંથી પરિચિત છો હવે જાવાસ્ક્રિપ્ટ, કે 64 00:03:04,490 --> 00:03:09,840 જ્યારે તૈયાર રાજ્ય ફેરફારો કહેવામાં આવે છે. 65 00:03:09,840 --> 00:03:11,340 તે કરતાં ખરેખર ખૂબ વધુ છે. 66 00:03:11,340 --> 00:03:14,340 અમે માત્ર એક વ્યાખ્યાયિત કરી રહ્યા છીએ અનામી કાર્ય સૉર્ટ કરો શું ગમે છે તે 67 00:03:14,340 --> 00:03:16,440 અમે કરી રહ્યા હતા જાવાસ્ક્રિપ્ટ, જ્યાં અમે કરશે 68 00:03:16,440 --> 00:03:18,750 એક અનામી કાર્ય છે ક્લિક પર એક પ્રતિભાવ, 69 00:03:18,750 --> 00:03:23,230 અથવા આપણે એક નકશો કરી રહ્યા હતા ત્યારે એક એરે માં વિવિધ પદાર્થો. 70 00:03:23,230 --> 00:03:25,220 >> કંઈક થયું ત્યારે કંઈક ક્લિક કરવામાં આવી હતી. 71 00:03:25,220 --> 00:03:28,810 આ કિસ્સામાં, તે માત્ર કંઈક છે છે શું થઈ રહ્યું છે ત્યારે અમારા પાનું રાજ્ય 72 00:03:28,810 --> 00:03:30,160 ફેરફારો. 73 00:03:30,160 --> 00:03:32,730 અન્ય બે આવાસ છે જેવું તેઓ નથી કરવામાં આવે છે કે 74 00:03:32,730 --> 00:03:35,524 છે કે જે આ જ ગુણધર્મો XMLHttp માગણી માટે સહજ, 75 00:03:35,524 --> 00:03:36,940 પરંતુ તેઓ ખૂબ મહત્વના મુદ્દાઓ છો. 76 00:03:36,940 --> 00:03:39,815 ReadyState કહેવાય કંઈક છે, જે તમે કદાચ ધારી શકો, 77 00:03:39,815 --> 00:03:41,750 onreadystatechange સાથે સંબંધિત છે. 78 00:03:41,750 --> 00:03:44,250 તે ખરેખર તમને કહે છે આ readyState શું છે. 79 00:03:44,250 --> 00:03:46,289 0, 1, 2, 3, અને 4 છે ત્યાં શક્યતાઓ 80 00:03:46,289 --> 00:03:48,080 અને તેઓ સૉર્ટ આશરે અનુલક્ષે શું 81 00:03:48,080 --> 00:03:50,030 હું માત્ર એક સેકંડ પહેલા અંગે વાત કરી હતી. 82 00:03:50,030 --> 00:03:53,100 >> અને પછી સ્થિતિ, જે આસ્થાપૂર્વક બધું ઠીક ગયા હોય, 83 00:03:53,100 --> 00:03:56,710 ટૂંકા હોય છે, જે 200 છે માટે, અલબત્ત, ઠીક છે, 84 00:03:56,710 --> 00:03:58,330 અમે HTTP માંથી પરિચિત છો છે. 85 00:03:58,330 --> 00:04:03,735 તેથી અમે આશા કરી રહ્યા છીએ કે અમારા તૈયાર રાજ્ય ચાર છે, અને અમારી સ્થિતિ 200 છે. 86 00:04:03,735 --> 00:04:07,940 અને અમારા તૈયાર રાજ્ય તો ચાર, અને જવાબ છે 87 00:04:07,940 --> 00:04:11,490 પર મૂકી શકાય કરવા માટે તૈયાર છે પાનું, અને સ્થિતિ 200 છે, 88 00:04:11,490 --> 00:04:13,580 અમે કરવા માટે સમર્થ હતા બધું સફળતાપૂર્વક 89 00:04:13,580 --> 00:04:17,209 હવે અમે અસુમેળ કરી શકો છો અમારા પાનું અપડેટ 90 00:04:17,209 --> 00:04:21,730 ફરીથી લોડ કર્યા વગર તે સમગ્ર સામગ્રી. 91 00:04:21,730 --> 00:04:27,710 >> અમે શું થાય છે તે વ્યાખ્યાયિત કર્યું પછી આ onreadystatechange વર્તન, 92 00:04:27,710 --> 00:04:31,020 અને અમે તે ચકાસાયેલ છે readyState 4 અને સ્થિતિ 200 93 00:04:31,020 --> 00:04:33,900 પછી અમે શું કરવાની જરૂર બધા છે એક સિંક્રનસ ખોલો 94 00:04:33,900 --> 00:04:38,530 વિનંતી, માત્ર જે બનાવે છે એ HTTP સામાન્ય વિનંતી મળી. 95 00:04:38,530 --> 00:04:41,950 જસ્ટ પ્રોગ્રામ તે કરી, તેના બદલે અમારી વેબ બ્રાઉઝર મારફતે છે. 96 00:04:41,950 --> 00:04:43,786 અને પછી અમે તે વિનંતી મોકલી. 97 00:04:43,786 --> 00:04:45,660 તેથી શું કદાચ આ કરે છે સંદર્ભમાં જેમ દેખાય છે? 98 00:04:45,660 --> 00:04:49,790 તેથી અહીં એક કાર્ય છે કે એજેક્સ વિનંતીઓ સાથે વહેવાર. 99 00:04:49,790 --> 00:04:50,290 ઠીક છે? 100 00:04:50,290 --> 00:04:52,430 અને હું આપખુદ જણાવ્યું હતું કે કર્યું તે એક દલીલ સ્વીકારે છે. 101 00:04:52,430 --> 00:04:55,550 અને આ એક એક પ્રકારના અહીં સામાન્ય હાડપિંજર. 102 00:04:55,550 --> 00:05:00,890 ખૂબ શરૂઆતમાં, અમે વિચાર જાતને એક નવી XMLHttp માગણી ઓબ્જેક્ટ. 103 00:05:00,890 --> 00:05:03,830 પછી, હું સુયોજિત કરવાની જરૂર છે onreadystatechange વર્તન. 104 00:05:03,830 --> 00:05:06,970 અને તેથી હું કહેવા જાઉં છું જ્યારે readyState ફેરફારો 105 00:05:06,970 --> 00:05:10,110 હું તમને આ કાર્ય કૉલ કરવા માંગો છો. 106 00:05:10,110 --> 00:05:12,570 >> આ પૂછી રહ્યું છે પ્રશ્ન readyState તો 107 00:05:12,570 --> 00:05:17,240 આ readyState બદલાઈ ગયેલ છે, તો 4 4, અને સ્થિતિ 200 હતી, 108 00:05:17,240 --> 00:05:20,799 તેથી અમે હું એક સફળ વિનંતી કરી હતી આ પૃષ્ઠ પર કંઈક કરવા માંગો છો. 109 00:05:20,799 --> 00:05:22,590 અને અમે એક નજર પડશે એક ઉદાહરણ શું 110 00:05:22,590 --> 00:05:25,010 કંઈક કે જે બીજા હોઈ શકે છે. 111 00:05:25,010 --> 00:05:27,830 તેથી, હવે હું વ્યાખ્યાયિત કરે છે મારા અનામી કાર્ય, 112 00:05:27,830 --> 00:05:31,340 મારા પ્રતિભાવ કાર્ય જ્યારે આ readyState ફેરફારો. 113 00:05:31,340 --> 00:05:37,120 >> તેથી પછી હું માત્ર એક ખોલવા માટે જરૂર છે ઓપન પદ્ધતિનો ઉપયોગ કરીને, વિનંતી છે. 114 00:05:37,120 --> 00:05:39,160 અને પછી, હું કે વિનંતી મોકલી. 115 00:05:39,160 --> 00:05:41,980 અને ચાલો એક નજર કરીએ વધુ નક્કર ઉદાહરણ 116 00:05:41,980 --> 00:05:46,290 શું AJAX અમારી વેબ પૃષ્ઠો પર કરી શકો છો. 117 00:05:46,290 --> 00:05:49,740 તેથી હું અહીં એક ખૂબ જ સરળ હોય છે પાનું home.html કહેવાય છે. 118 00:05:49,740 --> 00:05:53,620 અને હું એક માહિતી જાય મળી છે અહીં અને ડ્રોપ ડાઉન મેનુ અમુક પ્રકારની. 119 00:05:53,620 --> 00:05:55,390 >> અને અમે એક બીજા આ ફોટાઓની પડશે. 120 00:05:55,390 --> 00:05:59,150 પરંતુ હું અમે હવે એક લેવી જોઈએ લાગે છે વાસ્તવિક સ્ત્રોત કોડ જુઓ. 121 00:05:59,150 --> 00:06:01,080 અને તેથી, હું home.html ખોલવા માટે જઇ રહ્યો છું. 122 00:06:01,080 --> 00:06:03,490 123 00:06:03,490 --> 00:06:04,740 અને અમે પર ચાલી રહ્યું છે તે જોવા મળશે. 124 00:06:04,740 --> 00:06:08,240 અહીં ખૂબ જ ટોચ પર જેથી, હું રહ્યું છે કે કેટલાક જાવાસ્ક્રિપ્ટ સામગ્રી. 125 00:06:08,240 --> 00:06:12,470 >> અને અહીં, હું દેખીતી રીતે છે જેની આઈડી infodiv છે DIV, 126 00:06:12,470 --> 00:06:15,290 અને કેટલીક માહિતી ત્યાં જવા માટે ચાલે છે. 127 00:06:15,290 --> 00:06:16,374 અને પછી હું આ સ્વરૂપ છે. 128 00:06:16,374 --> 00:06:18,081 અને આ અંદર ફોર્મ, હું કંઈક હોય 129 00:06:18,081 --> 00:06:20,200 એક પસંદ કરો, કહેવાય જે માત્ર એક ડ્રોપ ડાઉન મેનુ છે 130 00:06:20,200 --> 00:06:22,150 વિવિધ વિકલ્પો એક ટોળું સાથે. 131 00:06:22,150 --> 00:06:26,150 અને તે, બદલે છે જ્યારે દેખીતી રીતે જ્યારે પસંદ કરવામાં આવી છે કે વિકલ્પ છે 132 00:06:26,150 --> 00:06:30,600 બદલી, હું કહી જાઉં છું અમુક કાર્ય cs50Info, 133 00:06:30,600 --> 00:06:33,190 અને પછી હું જાઉં છું this.value પસાર કરવા માટે, 134 00:06:33,190 --> 00:06:35,740 આ તે છે જ્યાં ઉલ્લેખ કરે છે જે વિકલ્પ પસંદ કરવામાં આવી હતી, 135 00:06:35,740 --> 00:06:39,820 અને કિંમત, અહીં વિકલ્પ આ એક છે કિંમત = બરાબર ખાલી, "બ્લુમબર્ગ," 136 00:06:39,820 --> 00:06:42,610 "બોડેન", "ચાન," અને "MALAN." 137 00:06:42,610 --> 00:06:45,090 >> તેથી શું ખરેખર કદાચ હું આવું ત્યારે અહીં થાય છે? 138 00:06:45,090 --> 00:06:48,800 વેલ, એક લેવા દો blumberg.html જુઓ. 139 00:06:48,800 --> 00:06:51,330 140 00:06:51,330 --> 00:06:53,924 તે માત્ર એક એવું લાગે છે કેટલાક એચટીએમએલ સ્નિપેટ. 141 00:06:53,924 --> 00:06:56,090 અને હકીકતમાં, હું શું આશા છું અહીં શું ચાલે છે 142 00:06:56,090 --> 00:07:00,020 હું પ્લગ સમક્ષ રજુ કરવાનો પ્રયત્ન કરવા માટે જઇ રહ્યો છું મારી વેબ પાનું સીધું આ HTML 143 00:07:00,020 --> 00:07:02,970 ફરીથી લોડ કર્યા વગર આ પાનું, કે જેથી જ્યારે 144 00:07:02,970 --> 00:07:07,510 હું ડ્રોપ ડાઉન માંથી હેન્નાહ પસંદ મેનુ, હેન્નાહ વિશે માહિતી 145 00:07:07,510 --> 00:07:11,100 ખાસ કરીને, આ જાણકારી અહીં blumberg.html માં, 146 00:07:11,100 --> 00:07:12,574 આ પાનાં પર બતાવે છે શું છે. 147 00:07:12,574 --> 00:07:13,740 અને હું તાજું કરવાની જરૂર નથી. 148 00:07:13,740 --> 00:07:16,842 અને હું બીજા કોઇની પસંદ કરો તો તેમની માહિતી બતાવવામાં આવશે. 149 00:07:16,842 --> 00:07:17,550 હું આ કેવી રીતે કરવું? 150 00:07:17,550 --> 00:07:20,290 ફરીથી, આ માટે જરૂરી છે અમને કેટલાક AJAX ઉપયોગ કરે છે. 151 00:07:20,290 --> 00:07:22,540 અને તેથી, અમે ajax.js. ખોલો પડશે 152 00:07:22,540 --> 00:07:25,550 અને અહીં, cs50Info કે કાર્ય છે. 153 00:07:25,550 --> 00:07:27,410 નામ કશું છે, હું આવો. 154 00:07:27,410 --> 00:07:31,450 હું તો કંઈ પણ કરવા માટે નથી જતા છું ખાલી વિકલ્પ પસંદ કરવામાં આવી છે. 155 00:07:31,450 --> 00:07:35,420 નહિંતર, હું જાઉં છું નવી XMLHttp માગણી બનાવો. 156 00:07:35,420 --> 00:07:39,020 અને પછી હું જ્યારે કહેવા જાઉં છું readyState ફેરફારો, આ કાર્ય કૉલ કરો. 157 00:07:39,020 --> 00:07:43,630 >> અને readyState છે જો 4 અને સ્થિતિ 200 છે, 158 00:07:43,630 --> 00:07:45,740 અહીં થોડી છે વાક્ય પર 13 jQuery છે. 159 00:07:45,740 --> 00:07:50,450 પરંતુ હું એવું કહેતા હોય છે કરી રહ્યો છું બધા infodiv સમાવિષ્ટો બદલી 160 00:07:50,450 --> 00:07:57,820 હું એક તરીકે પાછા મળી પ્રયત્ન ગમે મારા HttpRequest તરફથી પ્રતિભાવ. 161 00:07:57,820 --> 00:07:59,590 >> મારા HttpRequest શું છે? 162 00:07:59,590 --> 00:08:02,020 વેલ, તે સાચું છે અહીં લીટી 18 અને 19 પર. 163 00:08:02,020 --> 00:08:08,550 રેખા 18, હું મૂળભૂત તૈયાર છું નામ + .html માટે વિનંતી મળી. 164 00:08:08,550 --> 00:08:11,170 અને ફરી, નામ અહીં છે હતું કે દલીલ 165 00:08:11,170 --> 00:08:14,280 cs50Info કરવા માટે એક પરિમાણ તરીકે પસાર કર્યો હતો. 166 00:08:14,280 --> 00:08:18,460 >> તેથી મૂળભૂત રીતે, હું કોઈકને પસાર છું વિકલ્પો કે સમૂહ હતો, જે નામ 167 00:08:18,460 --> 00:08:22,980 અમે જોયું કે ડ્રૉપ-ડાઉન મેનુને સ્વરૂપ છે. 168 00:08:22,980 --> 00:08:24,450 મને લાગે છે કે નામ મેળવવામાં છું. 169 00:08:24,450 --> 00:08:29,530 અને હું તમે ઈચ્છો કહી રહ્યો છું મારા માટે કે file.html મેળવવા, કૃપા કરીને 170 00:08:29,530 --> 00:08:31,020 અને પછી તે વિનંતી મોકલી. 171 00:08:31,020 --> 00:08:34,820 >> અને જેથી onreadystatechange રહ્યું છે સાંભળી અને રાહ જોઈ અને રાહ હોઈ 172 00:08:34,820 --> 00:08:39,460 અને readyState સુધી રાહ 4 છે, અને સ્થિતિ 200 છે. 173 00:08:39,460 --> 00:08:44,970 તેથી તે સેવા આપવા માટે તૈયાર છે અને વિનંતી સફળ રહ્યો હતો. 174 00:08:44,970 --> 00:08:49,500 જો તે અને પછી, તે ચાલી રહ્યું છે infodiv સમાવિષ્ટો બદલી 175 00:08:49,500 --> 00:08:53,030 હું પાછા મળી કે પ્રતિભાવ લખાણ હોય છે. 176 00:08:53,030 --> 00:08:54,930 >> તેથી આપણે કેવી રીતે આ જોવા દો ખરેખર કામ કરી શકે છે. 177 00:08:54,930 --> 00:08:58,860 તેથી અમે મારું બ્રાઉઝર પર વડા પડશે વિન્ડો, અને અમે અહીં જોવા મળશે. 178 00:08:58,860 --> 00:09:01,359 તેથી આપણે એક નજર કરીએ શું એજેક્સ માં અહીં પર ચાલી રહ્યું છે. 179 00:09:01,359 --> 00:09:03,400 તેથી અમે કોઈકને પસંદ કરશો ડ્રોપ-ડાઉન મેનુમાંથી. 180 00:09:03,400 --> 00:09:06,079 તેથી આ કિસ્સામાં, ચાલો માત્ર હેન્નાહ પસંદ કરો. 181 00:09:06,079 --> 00:09:08,120 અને નોટિસ કે હેન્નાહ માહિતી બદલાઈ ગયેલ છે, 182 00:09:08,120 --> 00:09:11,030 પરંતુ હું any-- ન હતી મારા પાનું સંપૂર્ણપણે ફરીથી લોડ ન હતી. 183 00:09:11,030 --> 00:09:12,190 આ સામગ્રી રોકાયા. 184 00:09:12,190 --> 00:09:13,320 આ સામગ્રી મોટા ભાગના રહ્યા હતા. 185 00:09:13,320 --> 00:09:14,320 AJAX ટેસ્ટ બદલી ન હતી. 186 00:09:14,320 --> 00:09:16,700 આ બટન પોતે આ ડ્રૉપ-ડાઉન મેનુ બદલી ન હતી. 187 00:09:16,700 --> 00:09:18,260 પરંતુ માહિતી ત્યાં બદલવા હતી. 188 00:09:18,260 --> 00:09:20,218 અને કેવી રીતે તેના પર આધાર રાખીને ઝડપથી મારા કમ્પ્યુટર ચાલ, 189 00:09:20,218 --> 00:09:24,430 તમે ખરેખર સામગ્રી જોઈ શકે છે કે અદૃશ્ય થઈ જાય છે અને પછી ખરેખર ફરી દેખાય 190 00:09:24,430 --> 00:09:24,930 ઝડપથી. 191 00:09:24,930 --> 00:09:27,320 કે આવી સામગ્રી infodiv માંથી કાઢી, 192 00:09:27,320 --> 00:09:29,940 અને પછી એક સાથે બદલી નવા અસુમેળ વિનંતી. 193 00:09:29,940 --> 00:09:34,410 >> હું કહી શકાય સ્વિચ તેથી જો, Rob-- અને ફરી, એક નજર, 194 00:09:34,410 --> 00:09:38,379 અને કદાચ આપણે ખરેખર તે જોશો થઈ જાય છે અને ઝડપથી પુનઃ. 195 00:09:38,379 --> 00:09:38,920 તમે તે જોઈ? 196 00:09:38,920 --> 00:09:41,400 કેવી રીતે તે માત્ર દૂર પોપ અને પછી તે ફરીથી? 197 00:09:41,400 --> 00:09:43,640 તે AJAX વિનંતી છે થતી ક્રમમાં ગોઠવો. 198 00:09:43,640 --> 00:09:46,060 અને તેથી પર આધાર રાખીને વ્યક્તિ હું છું, પસંદ 199 00:09:46,060 --> 00:09:50,690 એક અલગ અસુમેળ બનાવે અલગ ફાઈલ માટે વિનંતી 200 00:09:50,690 --> 00:09:52,730 હું મારા સર્વર પર હોય છે. 201 00:09:52,730 --> 00:09:55,550 અને સમાવિષ્ટો મારા infodiv અપડેટ કરવામાં આવે છે, 202 00:09:55,550 --> 00:09:58,457 મેં પસંદ કર્યું આ જે પર આધારિત છે. 203 00:09:58,457 --> 00:10:00,040 તેથી તે ખરેખર બધા AJAX ત્યાં છે. 204 00:10:00,040 --> 00:10:04,090 તે અમને આ અસુમેળ બનાવવા માટે પરવાનગી આપે છે અરજીઓ, એક પાનું સુધારાઓ. 205 00:10:04,090 --> 00:10:06,450 કર્યા વગર સમગ્ર પાનું તાજું કરો, 206 00:10:06,450 --> 00:10:08,520 અમે નવી વિચાર જઈ રહ્યાં છો કરીને તે સામગ્રી 207 00:10:08,520 --> 00:10:11,170 સર્વર સાથે એક નવા તાજા વિનંતી. 208 00:10:11,170 --> 00:10:13,420 અને તેથી, અમારા પૃષ્ઠો બની શકે છે તદ્દન થોડી વધુ ગતિશીલ. 209 00:10:13,420 --> 00:10:15,128 >> અને અમે વધુ વિચાર અને વધુ આધુનિક, તમે 210 00:10:15,128 --> 00:10:17,700 જેવી વસ્તુઓ મેળવી શકે છે કહે છે, તમારા ઇમેઇલ ઇનબૉક્સ, 211 00:10:17,700 --> 00:10:19,850 જ્યાં તમે કંઈ પણ કરવા માટે નથી. 212 00:10:19,850 --> 00:10:22,560 તમે એક ક્લિક કરવાની જરૂર નથી ડાઉન મેનુ ડ્રોપ અથવા કંઈપણ ક્લિક કરો 213 00:10:22,560 --> 00:10:25,920 અને અચાનક બધા, તમારા નવા ઇમેઇલ ટોચ પર બતાવે છે. 214 00:10:25,920 --> 00:10:27,840 તે પણ માત્ર એક AJAX વિનંતી છે. 215 00:10:27,840 --> 00:10:30,460 એજેક્સ વિનંતી કરે છે તમારા સર્વર, ઇમેઇલ સર્વર, 216 00:10:30,460 --> 00:10:33,360 બધી માહિતી પર મોકલવા તમારા તાજેતરની ઇમેઇલ્સ વિશે 217 00:10:33,360 --> 00:10:38,110 અને તમે જુઓ શું બદલવા સ્ક્રીન ઇમેઇલ્સ તમારા નવા સુયોજિત કરવા માટે. 218 00:10:38,110 --> 00:10:41,080 અને તમે એક નવું હોય, તો કે DIV ત્યાં, પછી સામગ્રી 219 00:10:41,080 --> 00:10:44,580 અસર પહોંચાડવા માટે બદલાશે સુધારાયેલ સામગ્રી. 220 00:10:44,580 --> 00:10:45,480 હું ડો લોયડ છું. 221 00:10:45,480 --> 00:10:47,500 આ CS50 છે. 222 00:10:47,500 --> 00:10:49,229