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 এই ক্ষেত্রে, শুধু কি আমার Apache ওয়েব সার্ভার চলমান. 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 আর যে, আসলে, আমি কি আয়াক্সে যা দাঁড়িয়েছে, 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 শুধু এইচটিএমএল মত মনে করি. 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 আমরা শুধু বলতে Var, যাই হোক না কেন আমরা এই বস্তুর সাথে যোগাযোগ করতে চান, 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 আমাদের দ্বারা অ্যাসিঙ্ক্রোনাস আমাদের পাতা আপডেট করা. 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 দুই অন্যান্য বৈশিষ্ট্য আছে সাজান র তারা পারব না হয় যে 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 এখন আমরা অ্যাসিঙ্ক্রোনাস পারেন আমাদের পাতা আপডেট 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 এবং মান, এখানে বিকল্প এই এক মূল্য = সমান ফাঁকা, "Blumberg," 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 এটা শুধু একটা মনে হচ্ছে কিছু html স্নিপেট. 141 00:06:53,924 --> 00:06:56,090 এবং বাস্তবিকই, আমি কি আশা করছি এখানে ঘটতে যাচ্ছে 142 00:06:56,090 --> 00:07:00,020 আমি প্লাগ পাবে যাচ্ছেন না আমার ওয়েব পৃষ্ঠার মধ্যে সরাসরি এই এইচটিএমএল 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 আপনি আসলে কন্টেন্ট দেখতে পারে disappears এবং তারপর সত্যিই reappears 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 কিভাবে এটা ঠিক, দূরে ভেসে এবং তারপর এটি 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 যে এছাড়াও শুধু একটি 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