[இசை] டக் LLOYD: எனவே இன்னும் ஒரு கருத்தை வகையான என்று அப்படி குடையின் கீழ் விழுகிறது ஜாவா, அஜாக்ஸ் என்ற ஒன்று உள்ளது. இந்த புள்ளி வரை, எங்கள் ஜாவா தொடர்பு ஒரு தள்ள மட்டுப்படுத்தப்பட்டுள்ளன பொத்தானை மற்றும் ஏதோ நடக்கிறது. மற்றும் குறிப்பாக, நடக்கும் என்று ஒன்று எங்கள் வலைத்தளங்களில் பார்த்து மாறுதல்களும் உள்ளது. சரியா? குறிப்பாக போல், ஆவண ஆப்ஜெக்ட் மாதிரி வீடியோ, நான் பின்னணி நிறம். நான் செய்தேன் என்று போது, நான் இல்லை எந்த சிறப்பு கூடுதல் கோரிக்கைகள் செய்ய. நான் என்று கேட்டு இல்லை சர்வர் எனக்கு ஒரு புதிய பக்கம் அனுப்ப. நான், நான் ஏற்கனவே என்ன மாற்றப்பட்டது. நான், என் பக்கம் ஏற்றவும் இல்லை மற்றும் விஷயங்கள் நிச்சயம், மாற்றம் எனவே அது மிகவும் நல்லது. ஆனால் நிச்சயமாக இல்லை சில கையேடு பயனர் இடைத்தொடர்பு சம்பந்தப்பட்டது. அஜாக்ஸ் அனுமதிக்கிறது என்று ஒரு குளிர் நுட்பமாகும் எங்களுக்கு ஒரு பக்கம் உள்ளடக்கத்தை புதுப்பிக்க, மற்றும் மட்டும் தோற்றம் மற்றும் ஏற்ற இல்லாமல், உணர்கிறேன். 

போது குறிப்பாக நான் ஒரு பக்கத்தின் உள்ளடக்கத்தை மேம்படுத்தும் சொல்ல, நான் நாம் மீண்டும் எழுத சொல்லவில்லை ஜாவா பயன்படுத்தி பக்கம். நான் நாம் உண்மையில் கேட்டு சொல்கிறேன் சர்வர் இருந்து மேலும் தகவல் எங்கள் பக்கம் ஏற்றவும் இல்லாமல். 

ஒரு பிட் இப்போது அந்த மாதிரி ஒரு முன்னேறிய தொழில் நுட்பம் நாங்கள் பேச போகிறோம் என்று இந்த வீடியோ பற்றி. நாம் சில தொடர்பு இல்லை போகிறோம். நாம் செய்ய போது, நான் இருக்க போகிறேன் வலை சர்வர் கோரிக்கைகளை செய்து. இந்த வழக்கில், என்ன தான் இருக்கிறது என் அப்பாச்சி இணைய சேவையகம் இயங்கும். நான் கூடுதல் செய்து கொள்ள போகிறேன் கோரிக்கைகளை நான், ஒரு வலை பக்கம் சென்று போது ஆனால் என் பக்கம் புதுப்பிக்க முடியாது. 

அது நடக்கிறது ஒத்தியங்காமல் என் பக்கம் மேம்படுத்த. என்று, உண்மையில், தான் அஜாக்ஸ் குறிக்கும், ஒத்திசையா ஜாவா மற்றும் XML ஆகிறது. XML மார்க் மற்றொரு வகையான மொழி, நீங்கள் வரிசைப்படுத்த முடியும் வெறும் HTML போல் அதை நினைக்க. இது, மிகவும் அதே விஷயம் ஆனால் அது அடிப்படையில் ஒரு மொழி தான். எனவே இது ஒரு ஒத்திசைவற்ற தான் ஜாவா மற்றும் ஒரு மொழி. 

எனவே இந்த பயன்படுத்த அஜாக்ஸ் தொழில் நுட்பம் அஜாக்ஸ் ஒரு தனி நிரலாக்க மொழி அல்ல. இது ஒரு வெறும் வகையான தான் techniques-- நாங்கள் தொகுப்பு ஒரு சிறப்பு உருவாக்க வேண்டும் ஜாவா பொருள், இது ஒரு டிலிருந்து என்று அழைக்கப்படுகிறது. இப்போது, அது இந்த செய்ய மிகவும் எளிது. நாம் தான் சொல்ல ரகம், என்ன நாம் இந்த பொருள் அழைக்க வேண்டும், புதிய டிலிருந்து சமம். இப்போது நாம் பெற்றுள்ளனர் பொருளின் ஒரு அஜாக்ஸ் வகையான, அல்லது ஒரு டிலிருந்து அனுமதிக்கும் பொருள், எங்களுக்கு ஒத்தியங்காமல் எங்கள் பக்கம் புதுப்பிக்க. 

நாம் இந்த புதிய விட்டிருக்கும் பிறகு பொருள், இந்த டிலிருந்து, நாம் ஏதாவது செய்ய வேண்டும், அதன் onreadystatechange நடத்தை. Onreadystatechange நடத்தை உண்மையில் வெறும் உள்ளது நீங்கள் ஒரு கோரிக்கையை போது ஒரு வலை பக்கம், பக்கம் பல படிநிலைகள் மூலம் செல்கிறது. முதல், ஒரு கோரிக்கை அனுப்பப்பட்டது. பின்னர், கோரிக்கை வருகிறது அனுப்பி, ஆனால் அதன் மீது நடவடிக்கை இல்லை. பின்னர் கோரிக்கை மீது செயல்பட்டது. பின்னர் வேண்டுகோள் நீங்கள் மீண்டும் அனுப்பப்படும். 

பின்னர், வேண்டுகோள் முழுமையாக உங்கள் பக்கம் உள்ள ஏற்றப்படும். அந்த வெவ்வேறு மாநிலங்கள் உள்ளன. எனவே நாம் நமது அமைக்க வேண்டும் புதிய டிலிருந்து பொருள் போது தயாராக மாநில மாற்றங்கள் மாற்ற. மற்றும் பொதுவாக, நாம் இந்த செய்ய ஒரு அநாமதேய செயல்பாடு, வரையறுக்கும் இது நாம் இருந்து தெரிந்திருந்தால் இப்போது ஜாவா, என்று போது தயாராக மாநில மாற்றங்கள் என்று அழைக்கப்படுகிறது. அதை விட உண்மையில் இல்லை இன்னும் இருக்கிறது. நாம் ஒரு வரையறுக்கும் போகிறாய் அநாமதேய செயல்பாடு, அப்படி என்ன நாங்கள் செய்து ஜாவா, நாம் எங்கே என்று ஒரு அநாமதேய செயல்பாடு இல்லை ஒரு கிளிக் பதிலளிக்க, அல்லது நாம் ஒரு வரைபடத்தை செய்து போது ஒரு வரிசை பல்வேறு பொருட்களை. 

ஏதோ போது நடந்தது ஏதாவது சொடுக்கும். இந்த வழக்கில், அது தான் ஏதோ தான் என்ன நடக்கிறது போது எங்கள் பக்கம் மாநில மாற்றங்கள். மற்ற இரண்டு பண்புகள் உள்ளன வகையான of-- அவர்கள் இல்லை என்று என்று மட்டுமே பண்புகள் டிலிருந்து உள்ளார்ந்த, ஆனால் அவர்கள் மிகவும் முக்கியம் தான் இருக்கிறார்கள். ReadyState என்று ஏதாவது, அங்கு, இது ஒருவேளை நீங்கள் யூகிக்க முடியும் என, onreadystatechange தொடர்பான. அது உண்மையில் நீங்கள் சொல்கிறது readyState என்ன. 0, 1, 2, 3, மற்றும் 4 உள்ளன அங்கு சாத்தியங்கள், அவர்கள் என்னுடைய தோராயமாக தொடர்புடைய என்ன நான் ஒரு இரண்டாவது முன்பு பற்றி பேச. 

பின்னர் நிலை, இது வட்டம் எல்லாம் சரி சென்றார் என்றால், குறுகிய இது, 200 ஆகும் ஐந்து, நிச்சயமாக, சரி, நாம் HTTP இருந்து தெரிந்திருந்தால் இது. எனவே நாம் நம்பிக்கையுடன் என்று எங்கள் தயார் நிலைக்கு நான்கு, மற்றும் நம் நிலையை 200 ஆகும். எங்கள் தயார் நிலைக்கு என்றால் நான்கு, மற்றும் பதில் இல்லை மீது தயாராக உள்ளது பக்கம், மற்றும் நிலையை 200 ஆகும், நாம் செய்ய முடிந்தது எல்லாம் வெற்றிகரமாக, இப்போது நாம் ஒத்தியங்காமல் முடியும் எங்கள் பக்கம் புதுப்பிக்க ஏற்றவும் இல்லாமல் அது முழு உள்ளடக்கத்தை. 

நாம் என்ன நடக்கிறது என்று வரையறுக்கப்பட்ட நான் பிறகு onreadystatechange நடத்தை, நாம் அந்த பார்த்துவிட்டேன் readyState 4, மற்றும் நிலையை 200 நாம் செய்ய வேண்டும் அனைத்து ஒரு ஒத்திசைவற்ற திறந்து கோரிக்கை, இது தான் செய்து வருகிறது ஒரு HTTP பொதுவாக கோரிக்கை GET. வெறும் வேலைத்திட்ட அதை செய்து, அதற்கு பதிலாக நமது இணைய உலாவி மூலம். பின்னர் நாம் என்று கோரிக்கை அனுப்ப. அதனால் என்ன ஒருவேளை இந்த செய்கிறது பின்னணியில் போன்ற பாருங்கள்? எனவே இங்கே ஒரு செயல்பாடு என்று அஜாக்ஸ் கோரிக்கைகளை மேற்கொள்கின்றன. சரி? நான் தன்னிச்சையாக அவர் அது ஒரு வாதம் ஏற்றுக்கொள்கிறார். இந்த ஒரு ஒரு வகையான இங்கே பொது எலும்புக்கூட்டை. ஆரம்பத்தில், நாம் பெற நம்மை ஒரு புதிய டிலிருந்து பொருள். பின்னர், நான் அமைக்க வேண்டும் onreadystatechange நடத்தை. அதனால் நான் சொல்ல போகிறேன் போது readyState மாற்றங்கள், நான் இந்த செயல்பாடு அழைக்க வேண்டும். 

கேட்க போகிறது எந்த கேள்வி, readyState என்றால் readyState மாறிவிட்டது என்றால், 4 ஆகிறது 4 இருக்கும், மற்றும் நிலையை 200 இருந்தது, எனவே நான், ஒரு வெற்றிகரமான கோரியிருந்தார் பக்கம் ஏதாவது செய்ய வேண்டும். நாம் பாருங்கள் வேண்டும் ஒரு எடுத்துக்காட்டாக என்ன என்று ஏதாவது ஒரு இரண்டாவது இருக்கலாம். எனவே, இப்போது நான் வரையறுக்கப்பட்ட என் அநாமதேய செயல்பாடு, என் பதில் செயல்பாடு போதெல்லாம் readyState மாற்றங்கள். 

எனவே நான் ஒரு திறக்க வேண்டும் திறந்த முறையை பயன்படுத்தி, கோரிக்கை. பின்னர், நான் என்று கோரிக்கை அனுப்ப. மேலும் தான் பாருங்கள் அனுமதிக்க ஒரு உறுதியான உதாரணம் என்ன அஜாக்ஸ் எங்கள் இணைய பக்கங்களில் செய்ய முடியும். எனவே நான் இங்கு ஒரு மிக எளிய வேண்டும் பக்கம் home.html என்று. நான் ஒரு தகவல் செல்கிறது கிடைத்துவிட்டது இங்கே மற்றும் மெனுவினை ஒருவித. 

நாம் ஒரு இரண்டாவது இந்த மீண்டும் சொல்கிறேன். ஆனால் நான் இப்போது ஒரு எடுக்க வேண்டும் என்று உண்மையான மூல குறியீடு பாருங்கள். எனவே, நான் home.html திறந்து போகிறேன். நாம் என்ன நடக்கிறது என்று பார்ப்போம். இங்கே மிகவும் மேலே எனவே, நான் வேண்டும் என்ன நடக்கிறது என்று சில ஜாவா பொருள். 

இங்கே, நான் வெளிப்படையாக இல்லை யாருடைய அடையாள infodiv ஒரு கிராம, மற்றும் சில தகவல் அங்கு செல்ல போகிறது. பின்னர் நான் இந்த வடிவம் வேண்டும். மற்றும் உள்ளே இந்த வடிவம், என்னிடம் ஒன்று ஒரு தேர்வு என அழைத்தார் ஒரு மெனுவினை ஆகிறது பல்வேறு விருப்பங்கள் ஒரு கொத்து. என்று, போது மாற்றுகிறது போது தேர்ந்தெடுக்கப்பட்டுள்ளது என்பதை விருப்பத்தை கொண்டுள்ளது மாற்றம், நான் அழைக்க போகிறேன் சில செயல்பாடு cs50Info, பின்னர் நான் போகிறேன் எந்த தவறு வேகமாக சரி கடந்து, அங்கு இந்த குறிக்கிறது இது விருப்பத்தை தேர்வு செய்யப்பட்டார், மற்றும் மதிப்பு, இங்கே விருப்பத்தை இந்த ஒன்றாகும் மதிப்பு = சமம் காலியாக, "Blumberg," "Bowden," "சான்," மற்றும் "Malan." 

அதனால் என்ன உண்மையில் வலிமை நான் இதை செய்ய போது இங்கே நடக்கும்? சரி, ஒரு எடுத்து விடுங்கள் blumberg.html பாருங்கள். அது ஒரு போல் தெரிகிறது சில HTML துணுக்கை. உண்மையில், நான் என்ன நம்பிக்கையுடன் இங்கே என்ன நடக்க போகிறது நான் அடைப்பை முடியும் இருக்க போகிறேன் என் வலை பக்கம் நேரடியாக இந்த HTML ஏற்றவும் இல்லாமல் பக்கம், போன்ற போது நான் துளி கீழே இருந்து ஹன்னா தேர்வு பட்டி, ஹன்னா பற்றிய தகவல்களை, குறிப்பாக, இந்த தகவலை இங்கே blumberg.html உள்ள, பக்கம் வரை காட்டுகிறது என்ன. நான் புதுப்பிக்க வேண்டும். நான், யாரோ தேர்வு செய்தால் தங்கள் தகவல் காண்பிக்க வேண்டும். நான் இந்த எப்படி செய்ய வேண்டும்? மீண்டும், இந்த தேவைப்படுகிறது எங்களுக்கு சில அஜாக்ஸ் பயன்படுத்த. எனவே, நாம் ajax.js. திறக்க வேண்டும் இங்கே, cs50Info அந்த செயல்பாடு உள்ளது. பெயர் எதுவும் இருந்தால், நான் திரும்ப. நான் என்றால் எதையும் செய்ய போவதில்லை காலியாக விருப்பத்தை தேர்வு செய்யப்பட்டுள்ளார். இல்லையெனில், நான் போகிறேன் ஒரு புதிய டிலிருந்து உருவாக்க. அப்போது, எனக்கு போது சொல்ல போகிறேன் readyState மாற்றங்கள், இந்த செயல்பாடு அழைக்க. 

மேலும் readyState என்றால் 4 மற்றும் நிலையை 200 ஆகும், இங்கே கொஞ்சம் தான் வரி 13 ம் jQuery என்ற. ஆனால் நான் கூறி உள்ளது செய்கிறேன் நான் அனைத்து, infodiv உள்ளடக்கங்களை மாற்ற நான் ஒரு மீண்டும் கிடைத்தது என்ன இருக்க வேண்டும், என் HttpRequest இருந்து பதில். 

என் HttpRequest என்ன? சரி, சரி என்று இங்கே வரி 18 மற்றும் 19 ம். வரி 18, நான் அடிப்படையில் தயாராகி வருகிறேன் ஒரு + என்ற பெயர் .html பெற்றுக். மீண்டும், பெயர் இங்கு உள்ளது என்று வாதம் cs50Info ஒரு அளவுரு வழங்கப்பட்டது. 

எனவே அடிப்படையில், நான் யாரோ கடந்து செல்லும் விருப்பங்கள் என்று செட் இருந்தது, பெயரிட நாங்கள் கண்ட மெனுவினை வடிவில். நான் அந்த பெயரை வருகிறது. நான் விரும்புகிறேன் சொல்கிறேன் எனக்கு என்று file.html பெற்றுக்கொள்ள தயவு செய்து, பின்னர் என்று கோரிக்கை அனுப்ப. 

அதனால் அந்த onreadystatechange போகிறது கேட்டு மற்றும் காத்து காத்துக்கொண்டு இருக்க மற்றும் readyState வரை, காத்து 4, மற்றும் நிலையை 200 ஆகும். எனவே, பணியாற்றினார் செய்ய தயாராக இருக்கிறது மற்றும் கோரிக்கை வெற்றிகரமாக இருந்தது. அது இருந்தால், பின்னர், அது நடக்கிறது infodiv உள்ளடக்கங்களை மாற்ற நான் மீண்டும் தான் என்று பதில் உரை இருக்கும். 

எனவே எப்படி இந்த பார்ப்போம் உண்மையில் வேலை என்று. எனவே தான் என் உலாவி மீது தலைமை வேண்டும் சாளரம், மற்றும் நாம் இங்கே பார்க்க வேண்டும். எனவே பாருங்கள் அனுமதிக்க என்ன அஜாக்ஸ் இங்கே என்ன நடக்கிறது. எனவே நாம் யாரோ தேர்வு செய்யலாம் மெனுவினை இருந்து. எனவே, இந்த விஷயத்தில், நாம் வெறும் ஹன்னா தேர்வு. அறிவிப்பு என்று ஹன்னா தகவல் மாற்றப்பட்டால், ஆனால் நான் any-- இல்லை என் பக்கம் முற்றிலும் ஏற்றவும். பொருட்களை தங்கியிருந்தார். பலவற்றுக்கு தங்கியிருந்தார். அஜாக்ஸ் டெஸ்ட் மாற்ற முடியவில்லை. பொத்தானை தன்னை, இந்த மெனுவினை மாற்ற முடியவில்லை. ஆனால் தகவல் இல்லை மாற்றம் செய்தார். எப்படி பொறுத்து விரைவில் என் கணினி நகர்வுகள், நீங்கள் உண்மையில் உள்ளடக்கம் என்று பார்க்க வேண்டும் மறைந்து பின்னர் உண்மையில் மீண்டும் தோன்றுகிறது விரைவில். என்று இருப்பது உள்ளடக்கம் infodiv நீக்கப்பட்டன பின்னர் ஒரு பதிலாக புதிய ஒத்திசைவற்ற கோரிக்கை. 

நான் சொல்ல வேண்டும், அது மாற என்றால், Rob-- மீண்டும், பாருங்கள், ஒருவேளை நாம் உண்மையில் அதை பார்க்க வேண்டும் மறைந்து மற்றும் விரைவில் மீண்டும் தோன்றும். நீங்கள் பார்க்க? எப்படி அது, விட்டு வந்துவிட்டது பின்னர் அதை நிரப்ப? என்று அஜாக்ஸ் கோரிக்கை நடைபெற்று வகையான. அதனால் பொறுத்து நபர் நான் இருக்கிறேன், தேர்வு வேறு ஒத்திசைவற்ற செய்யும் வேறு ஒரு கோப்பு கோரிக்கை நான் என் சர்வரில் இல்லை என்று. மேலும் உள்ளடக்கங்களை என் infodiv மேம்படுத்தும், நான் தேர்வு செய்த இந்த அடிப்படையாகக் கொண்டிருந்தது. அதனால் உண்மையில் அனைத்து அஜாக்ஸ் அங்கே தான். அது எங்களுக்கு இந்த ஒத்திசைவற்ற செய்ய அனுமதிக்கிறது கோரிக்கைகள், ஒரு பக்கம் மேம்படுத்தல்கள். இல்லாமல் முழு பக்கம் புதுப்பிக்க, நாம் புதிய பெற போகிறோம் மூலம் அதை உள்ளடக்கத்தை சர்வர் ஒரு புதிய புதிய கோரிக்கை. எனவே, எங்கள் பக்கங்கள் ஆக முடியும் மிகவும் ஒரு பிட் இன்னும் மாறும். 

மற்றும் நாம் இன்னும் கிடைக்கும் என மேலும் மேம்பட்ட, நீங்கள் போன்ற விஷயங்களை வந்துவிடும் என்ன என்று உங்கள் மின்னஞ்சல் இன்பாக்ஸ், அங்கு நீங்கள் எதுவும் செய்ய வேண்டாம். நீங்கள் ஒரு கிளிக் செய்ய வேண்டும் பட்டி கீழே சொட்டு அல்லது அப்படி எதுவும் கிளிக், மற்றும் திடீரென்று, உங்கள் புதிய மின்னஞ்சல் மேல் வரை காட்டுகிறது. என்று கூட தான் ஒரு அஜாக்ஸ் கோரிக்கை தான். அஜாக்ஸ் கோருகிறது உங்கள் சர்வர், மின்னஞ்சல் சேவையகம், அனைத்து தகவல் அனுப்ப உங்கள் சமீபத்திய மின்னஞ்சல்கள் பற்றி, நீங்கள் பார்க்க என்ன மாற்றுவதன் திரையில் மின்னஞ்சல்கள் உங்கள் புதிய தொகுப்பு இருக்க வேண்டும். நீங்கள் ஒரு புதிய ஒரு இருந்தால் என்று கிராம அங்கு, பின்னர் உள்ளடக்கம் பிரதிபலிக்கும் மாறும் மேம்படுத்தப்பட்ட உள்ளடக்கத்தை. நான் டக் லாயிட் இருக்கிறேன். இந்த CS50 உள்ளது.