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 >> डौग लॉयड: एक तो अधिक धारणा की तरह है कि 4 00:00:06,940 --> 00:00:12,120 एक तरह से की छतरी के नीचे गिर जाता है जावास्क्रिप्ट AJAX कहा जाता है। 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 >> यह सिर्फ करने के लिए जा रहा है asynchronously मेरा पेज को अपडेट करें। 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 एक्सएमएल मार्कअप का एक और प्रकार है भाषा, और आप की तरह कर सकते हैं 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 एक XMLHttpRequest कहा जाता है। 43 00:02:00,689 --> 00:02:01,980 अब, यह यह करने के लिए बहुत आसान है। 44 00:02:01,980 --> 00:02:04,550 हम सिर्फ इतना कहना वर, जो कुछ भी हम इस वस्तु को कॉल करना चाहते हैं, 45 00:02:04,550 --> 00:02:07,030 नई XMLHttpRequest के बराबर होती है। 46 00:02:07,030 --> 00:02:11,050 और अब हम अब प्राप्त किया है वस्तु का एक AJAX तरह, 47 00:02:11,050 --> 00:02:14,370 या एक XMLHttpRequest अनुमति देगा जो वस्तु, 48 00:02:14,370 --> 00:02:18,360 हमें asynchronously हमारे पेज को अद्यतन करने के लिए। 49 00:02:18,360 --> 00:02:23,100 >> हम इस नए मिल गया है के बाद वस्तु, इस XMLHttpRequest, 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 और इसलिए हम अपने निर्धारित करने की आवश्यकता नई XMLHttpRequest वस्तु 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 दो अन्य संपत्तियों रहे हैं क्रमबद्ध of-- वे नहीं कर रहे हैं कि 74 00:03:32,730 --> 00:03:35,524 हैं कि केवल गुण XMLHttpRequest के लिए निहित, 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 अब हम asynchronously कर सकते हैं हमारे पेज को अपडेट 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 तो यहाँ एक समारोह है कि AJAX अनुरोध के साथ संबंधित है। 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 बहुत शुरुआत में, हम मिल अपने आप को एक नया XMLHttpRequest वस्तु। 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 "बोडेन," "चान" और "मालन।" 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 यह सिर्फ एक की तरह लग रहा है कुछ HTML का टुकड़ा। 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 अन्यथा, मैं जा रहा हूँ एक नए XMLHttpRequest पैदा करते हैं। 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 तो चलो पर एक नजर डालते हैं क्या AJAX में यहाँ पर जा रहा है। 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 कैसे यह अभी दूर popped और फिर यह refilled? 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 वह भी सिर्फ एक अजाक्स अनुरोध है। 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