[ಸಂಗೀತ] ಡೌಗ್ LLOYD: ಆದ್ದರಿಂದ ಒಂದು ಕಲ್ಪನೆ ರೀತಿಯ ಎಂದು ರೀತಿಯ ಆಶ್ರಯದಡಿಯಲ್ಲಿ ಬೀಳುತ್ತದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಜಾಕ್ಸ್ ಎಂಬ ವಿಷಯ. ಈ ಅಲ್ಲಿಯ ತನಕ ನಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪರಸ್ಪರ ಒಂದು ತಳ್ಳುವ ಸೀಮಿತಗೊಳಿಸಲಾಗಿದೆ ಬಟನ್ ಮತ್ತು ಏನೋ ನಡೆಯುತ್ತದೆ. ಮತ್ತು ನಿರ್ದಿಷ್ಟವಾಗಿ, ನಡೆಯುವ ಏನೋ ನಮ್ಮ ವೆಬ್ಸೈಟ್ ನೋಡಲು ಮತ್ತು ಬದಲಾವಣೆಗಳನ್ನು ಅಭಿಪ್ರಾಯ. ರೈಟ್? ನಿರ್ದಿಷ್ಟವಾಗಿ ಲೈಕ್, ರಲ್ಲಿ ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್ ವಿಡಿಯೋ, ನಾನು ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಬದಲಾಗಿದೆ. ನಾನು ಮಾಡಿದರು, ನಾನು ಹೊಂದಿರಲಿಲ್ಲ ಯಾವುದೇ ವಿಶೇಷ ಹೆಚ್ಚುವರಿ ಕೋರಿಕೆಗಳನ್ನು ಮಾಡಲು. ನಾನು ಕೇಳಿಕೊಂಡನು ಹೊಂದಿರಲಿಲ್ಲ ಸರ್ವರ್ ನನಗೆ ಒಂದು ಹೊಸ ಪುಟ ಕಳುಹಿಸಿ. ನಾನು ಈಗಾಗಲೇ ಯಾವುದೆಂದು ಬದಲಾಗಿದೆ. ನನ್ನ ಪುಟ ರಿಲೋಡ್ ಹೊಂದಿರಲಿಲ್ಲ ಮತ್ತು ವಿಷಯಗಳನ್ನು ಖಂಡಿತವಾಗಿಯೂ ಬದಲಾಗಿದೆ ಆದ್ದರಿಂದ ಅಭಿನಂದನೆಗಳು. ಆದರೆ ಖಂಡಿತವಾಗಿಯೂ ಇಲ್ಲ ಕೆಲವು ಕೈಪಿಡಿ ಬಳಕೆದಾರರಿಗೆ ಪರಸ್ಪರ ಒಳಗೊಂಡಿರುವ. ಅಜಾಕ್ಸ್ ಅನುಮತಿಸುವ ಒಂದು ತಂಪಾದ ತಂತ್ರ ನಮಗೆ ಪುಟದ ವಿಷಯವನ್ನು ನವೀಕರಿಸಲು, ಮತ್ತು ಕೇವಲ ನೋಟ ಮತ್ತು ಮರುಲೋಡ್, ಅಭಿಪ್ರಾಯ. 

ಮತ್ತು ನಿರ್ದಿಷ್ಟವಾಗಿ ಮೂಲಕ ನಾನು ಪುಟದ ವಿಷಯವನ್ನು ಅಪ್ಡೇಟ್ ಹೇಳುತ್ತಾರೆ, ನಾವು ಮತ್ತೆ ಹೇಳುತ್ತಿಲ್ಲ ನಾನು JavaScript ಬಳಸಿ ಪುಟ. ನಾವು ವಾಸ್ತವವಾಗಿ ಮನವಿ ಹೇಳುವ ನಾನು ಪರಿಚಾರಕದಿಂದ ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ ನಮ್ಮ ಪುಟ ಮರುಲೋಡ್ ಮಾಡದೆಯೇ. 

ಒಂದು ಬಿಟ್ ಈಗ ಆ ರೀತಿಯ ಮುಂದುವರೆದ ವಿಧಾನವಾಗಿದೆ ನಾವು ಮಾತನಾಡಲು ನೀನು ಈ ವೀಡಿಯೊದಲ್ಲಿ ಬಗ್ಗೆ. ನಾವು ಕೆಲವು ಪರಸ್ಪರ ಎಂದು ನೀನು. ನಾವು ಮಾಡಿದಾಗ, ನಾನು ವೃಂದದಲ್ಲಿರುತ್ತೇನೆ ವೆಬ್ ಸರ್ವರ್ಗೆ ವಿನಂತಿಗಳನ್ನು ಮಾಡುವ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಕೇವಲ ಇಲ್ಲಿದೆ ನನ್ನ ಅಪಾಚೆ ವೆಬ್ ಸರ್ವರ್ ಚಾಲನೆಯಲ್ಲಿರುವ. ನಾನು ಹೆಚ್ಚುವರಿ ಮಾಡುವ ವೃಂದದಲ್ಲಿರುತ್ತೇನೆ ವಿನಂತಿಗಳನ್ನು ನಾನು ವೆಬ್ ಪುಟ ಭೇಟಿ ಬಾಗುತ್ತೇನೆ ಆದರೆ ಆದರೆ ನನ್ನ ಪುಟ ರಿಫ್ರೆಶ್ ಮಾಡುವುದಿಲ್ಲ. 

ಇದು ಕೇವಲ ವಿಶೇಷವೇನು ಅನುರೂಪವಾಗಿ ನನ್ನ ಪುಟ ನವೀಕರಿಸಿ. ಮತ್ತು, ವಾಸ್ತವವಾಗಿ, ನ ಅಜಾಕ್ಸ್ ನಿಂತಿರುವ, ಅಸಮಕಾಲಿಕ JavaScript ಮತ್ತು ಮದುವೆ ಆಗಿದೆ. ಮದುವೆ ಮಾರ್ಕ್ಅಪ್ ಮತ್ತೊಂದು ರೀತಿಯ ಭಾಷೆ ಮತ್ತು ನೀವು ಇವನ್ನು ಕೇವಲ HTML ಎಂದು ನಗರದ. ಇದು ಸಾಕಷ್ಟು ಒಂದೇ ಅಲ್ಲ ಆದರೆ ಇದು ಮೂಲತಃ ಕೇವಲ ಒಂದು ಗುರುತಿಸುವ ಭಾಷೆ ಇಲ್ಲಿದೆ. ಆದ್ದರಿಂದ ಒಂದು ಅಸಮಕಾಲಿಕ ಇಲ್ಲಿದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಗುರುತಿಸುವ ಭಾಷೆ. 

ಆದ್ದರಿಂದ ಈ ಬಳಸಲು ಅಜಾಕ್ಸ್ ತಂತ್ರದ ಅಜಾಕ್ಸ್ ಪ್ರತ್ಯೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ಅಲ್ಲ. ಇದು ಕೇವಲ ರೀತಿಯ ಇಲ್ಲಿದೆ techniques-- ನಾವು ಸೆಟ್ ವಿಶೇಷ ರಚಿಸಬೇಕಾಗಿದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಸ್ತು, ಇದು ಒಂದು XMLHttpRequest ಕರೆಯಲಾಗುತ್ತದೆ. ಈಗ, ಇದು ಇದನ್ನು ಮಾಡಲು ಬಹಳ ಸುಲಭ. ನಾವು ಹೇಳಲು ವರ್, ಯಾವುದೇ ಈ ವಸ್ತು ಕರೆ ಬಯಸುವ, ಹೊಸ XMLHttpRequest ಸಮನಾಗಿರುತ್ತದೆ. ಮತ್ತು ಈಗ ನಾವು ಈಗ ಪಡೆದಿರುವುದರಿಂದ ವಸ್ತುವಿನ ಒಂದು AJAX ರೀತಿಯ, ಅಥವಾ XMLHttpRequest ಅನುವಾಗುವಂತೆ ವಸ್ತು, ನಮಗೆ ಅನುರೂಪವಾಗಿ ನಮ್ಮ ಪುಟ ನವೀಕರಿಸಲು. 

ನಾವು ಈ ಹೊಸ ಪಡೆದ ನಂತರ ವಸ್ತು, ಈ XMLHttpRequest, ನಾವು ಏನನ್ನಾದರೂ ಮಾಡಬೇಕು ಅದರ onreadystatechange ನಡವಳಿಕೆ. Onreadystatechange ವರ್ತನೆಯನ್ನು ನಿಜವಾಗಿಯೂ ಕೇವಲ ನೀವು ವಿನಂತಿಯನ್ನು ಮಾಡಲು ಮಾಡಿದಾಗ ಒಂದು ವೆಬ್ ಪುಟ, ಪುಟ ಹಂತಗಳನ್ನು ಹಲವಾರು ಸಾಗುವ. ಮೊದಲ, ಒಂದು ವಿನಂತಿಯನ್ನು ಕಳಿಸಲಿಲ್ಲ. ನಂತರ, ವಿನಂತಿಯನ್ನು ಬಂದಿದೆ ಕಳುಹಿಸಲಾಗಿದೆ, ಆದರೆ ಮೇಲೆ ಕ್ರಮ. ನಂತರ ವಿನಂತಿಯನ್ನು ಕ್ರಮ ಮಾಡಲಾಗಿದೆ. ನಂತರ ಕೋರಿಕೆ ನೀವು ಹಿಂದಕ್ಕೆ ಕಳುಹಿಸಲಾಗುವುದು. 

ನಂತರ, ಕೋರಿಕೆ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಪುಟ ಲೋಡ್. ವಿವಿಧ ರಾಜ್ಯಗಳು. ಆದ್ದರಿಂದ ನಾವು ನಮ್ಮ ಹೊಂದಿಸ ಬೇಕಾಗುತ್ತದೆ ಹೊಸ XMLHttpRequest ವಸ್ತು ಸಿದ್ಧವಿರುವಾಗ ರಾಜ್ಯದ ಬದಲಾವಣೆಗಳನ್ನು ಬದಲಾಯಿಸಲು. ಮತ್ತು ಸಾಮಾನ್ಯವಾಗಿ, ನಾವು ಮೂಲಕ ಇದನ್ನು ಅನಾಮಿಕ ಕಾರ್ಯ, ವಿವರಿಸುವ ಇದು ನಾವು ಪರಿಚಿತವಾಗಿರುವ ಈಗ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಎಂದು ಸಿದ್ಧವಿರುವಾಗ ರಾಜ್ಯದ ಬದಲಾವಣೆಗಳನ್ನು ಕರೆಯಲಾಗುತ್ತದೆ. ಇದು ಹೆಚ್ಚು ನಿಜವಾಗಿಯೂ ಹೆಚ್ಚು ಇಲ್ಲಿದೆ. ನಾವು ಕೇವಲ ಒಂದು ವಿವರಿಸುವ ನೀನು ಅನಾಮಿಕ ಕಾರ್ಯ ರೀತಿಯ ಏನು ನಾವು ಮಾಡುತ್ತಿದ್ದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಅಲ್ಲಿ ನಾವು ಎಂದು ಅನಾಮಿಕ ಫಂಕ್ಷನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಪ್ರತಿಕ್ರಿಯೆ, ಅಥವಾ ನಾವು ಒಂದು ನಕ್ಷೆ ಮಾಡುವ ಸಂದರ್ಭದಲ್ಲಿ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ವಿವಿಧ ವಸ್ತುಗಳನ್ನು. 

ಏನೋ ಸಂಭವಿಸಿದ ಏನೋ ಕ್ಲಿಕ್. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಇದು ಕೇವಲ ವಿಷಯ ಇಲ್ಲಿದೆ ನಡೆಯುತ್ತಿದೆ ನಮ್ಮ ಪುಟ ರಾಜ್ಯದ ಬದಲಾವಣೆಗಳನ್ನು. ಎರಡು ಗುಣಗಳು ಇವೆ ರೀತಿಯ ಇಲ್ಲಿದೆ ಅವರು ಇಲ್ಲ ಎಂದು ಎಂದು ಮಾತ್ರ ಗುಣಲಕ್ಷಣಗಳು XMLHttpRequest ಅಂತರ್ಗತ, ಆದರೆ ಅವರು ಬಹಳ ಪ್ರಮುಖ ಬಿಡಿಗಳ ಆರ್. ReadyState ಎಂಬ ಅಲ್ಲೇನೋ, ನೀವು ಬಹುಶಃ ಊಹೆ ಮಾಡಬಹುದು ಎಂದು, onreadystatechange ಸಂಬಂಧಿಸಿದೆ. ಇದು ವಾಸ್ತವವಾಗಿ ತಿಳಿಸುವುದು readyState ಏನು. 0, 1, 2, 3, ಮತ್ತು 4 ಅಲ್ಲಿ ಸಾಧ್ಯತೆಗಳನ್ನು, ಮತ್ತು ಅವರು ರೀತಿಯ ಸುಮಾರು ಹೋಲುತ್ತದೆ ಎಂಬುದನ್ನು ನಾನು ಎರಡನೇ ಹಿಂದೆ ಮಾತನಾಡುತ್ತಿದ್ದೆ. 

ತದನಂತರ ಸ್ಥಿತಿ, ಇದು ಆಶಾದಾಯಕವಾಗಿ ಎಲ್ಲವೂ ಸರಿ ಹೋಗಿದ್ದರೆ, ಸಣ್ಣ ಇದು, 200 ಫಾರ್, ಕೋರ್ಸಿನ, ಸರಿ, ನಾವು HTTP ನಿಂದ ಪರಿಚಿತವಾಗಿರುವ ಇದು. ನಾವು ಆಶಯದೊಂದಿಗೆ ನೀವು ನಮ್ಮ ಸಿದ್ಧ ರಾಜ್ಯದ ನಾಲ್ಕು, ಮತ್ತು ನಮ್ಮ ಸ್ಥಿತಿ 200 ಆಗಿದೆ. ಮತ್ತು ನಮ್ಮ ಸಿದ್ಧ ರಾಜ್ಯದ ವೇಳೆ ನಾಲ್ಕು, ಮತ್ತು ಪ್ರತಿಕ್ರಿಯೆ ಮೇಲೆ ಸಿದ್ಧವಾಗಿದೆ ಪುಟ, ಮತ್ತು ಸ್ಥಿತಿಯನ್ನು 200, ನಾವು ಮಾಡಲು ಸಾಧ್ಯವಾಯಿತು ಎಲ್ಲವನ್ನೂ ಯಶಸ್ವಿಯಾಗಿ ಈಗ ನಾವು ಅನುರೂಪವಾಗಿ ಮಾಡಬಹುದು ನಮ್ಮ ಪುಟ ಅಪ್ಡೇಟ್ ಮರುಲೋಡ್ ಮಾಡದೆಯೇ ಇದು ಸಮಗ್ರ ವಿಷಯದ. 

ನಾವು ಏನಾಗುತ್ತದೆ ನಿರೂಪಿಸಿದ ನಂತರ onreadystatechange ವರ್ತನೆಗೆ, ಮತ್ತು ನಾವು ಪರಿಶೀಲಿಸಿದ readyState , 4 ಮತ್ತು ಸ್ಥಿತಿಯನ್ನು 200 ನಂತರ ನಾವು ಮಾಡಬೇಕಾದ್ದು ಎಲ್ಲಾ ಹೊಂದಿದೆ ಒಂದು ಅಸಮಕಾಲಿಕ ತೆರೆಯುತ್ತದೆ ವಿನಂತಿಯನ್ನು, ಕೇವಲ ಇದು ಮಾಡುತ್ತಿದೆ ಒಂದು HTTP ಸಾಮಾನ್ಯವಾಗಿ ಕೋರಿಕೆಯನ್ನು. ಕೇವಲ ಸರಣಿಬದ್ಧವಾಗಿ ಮಾಡುತ್ತಿದ್ದೆ, ಬದಲಿಗೆ ನಮ್ಮ ವೆಬ್ ಬ್ರೌಸರ್ ಮೂಲಕ ಆಫ್. ತದನಂತರ ನಾವು ವಿನಂತಿಯನ್ನು ಕಳುಹಿಸಲು. ಹಾಗಾಗಿ ಬಹುಶಃ ಮಾಡುತ್ತದೆ ಸಂದರ್ಭಕ್ಕೆ ರೀತಿ? ಆದ್ದರಿಂದ ಇಲ್ಲಿ ಕಾರ್ಯ ಎಂದು AJAX ವಿನಂತಿಗಳನ್ನು ವ್ಯವಹರಿಸುತ್ತದೆ. ಸರಿ? ಮತ್ತು ನಾನು ನಿರಂಕುಶವಾಗಿ ಹೇಳುತ್ತಿದ್ದೆ ಇದು ವಾದವನ್ನು ಸ್ವೀಕರಿಸುತ್ತದೆ. ಮತ್ತು ಈ ಒಂದು ಒಂದು ರೀತಿಯ ಇಲ್ಲಿ ಸಾಮಾನ್ಯ ಅಸ್ಥಿಪಂಜರ. ಅತ್ಯಂತ ಆರಂಭದಲ್ಲಿ, ನಾವು ಪಡೆಯಲು ನಾವೇ ಹೊಸ XMLHttpRequest ವಸ್ತು. ನಂತರ, ನಾನು ಹೊಂದಿಸ ಬೇಕಾಗುತ್ತದೆ onreadystatechange ನಡವಳಿಕೆ. ಮತ್ತು ಆದ್ದರಿಂದ ನಾನು ಹೇಳಲು ಪಡೆಯಲಿದ್ದೇನೆ ಯಾವಾಗ readyState ಬದಲಾವಣೆಗಳನ್ನು ನಾನು ಈ ಕ್ರಿಯೆ ಕರೆ ಬಯಸುವ. 

ಕೇಳಲು ಹೋಗುತ್ತದೆ ಇದು ಪ್ರಶ್ನೆ, readyState ವೇಳೆ readyState ಬದಲಾಗಿದೆ ವೇಳೆ, 4 4, ಮತ್ತು ಸ್ಥಿತಿಯನ್ನು 200 ಆಗಿತ್ತು, ಆದ್ದರಿಂದ ನಾವು ನಾನು ಯಶಸ್ವಿ ವಿನಂತಿಯನ್ನು ಹೊಂದಿತ್ತು ಪುಟ ಏನಾದರೂ ಬಯಸುವ. ಮತ್ತು ನಾವು ಒಂದು ನೋಟ ತೆಗೆದುಕೊಂಡು ಮಾಡುತ್ತೇವೆ ಒಂದು ಉದಾಹರಣೆ ಏನು ಏನೋ ಎರಡನೇ ಇರಬಹುದು. ಆದ್ದರಿಂದ, ಈಗ ನಾನು ವ್ಯಾಖ್ಯಾನಿಸಿದ್ದಾರೆ ನನ್ನ ಅನಾಮಿಕ ಕಾರ್ಯ, ನನ್ನ ಪ್ರತಿಕ್ರಿಯೆ ಕಾರ್ಯ ಬಂದ readyState ಬದಲಾವಣೆಗಳನ್ನು. 

ಆದ್ದರಿಂದ ನಾನು ಕೇವಲ ಒಂದು ತೆರೆಯುತ್ತದೆ ಅಗತ್ಯವಿದೆ ಓಪನ್ ಪದ್ದತಿಯಂತೆ ಮನವಿ. ತದನಂತರ, ನಾನು ಅವರ ಬೇಡಿಕೆಯನ್ನು ಕಳುಹಿಸಿ. ಮತ್ತು ನಲ್ಲಿ ಅವಲೋಕಿಸೋಣ ಹೆಚ್ಚು ಕಾಂಕ್ರೀಟ್ ಉದಾಹರಣೆಗೆ ಏನು ಅಜಾಕ್ಸ್ ನಮ್ಮ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಮಾಡಬಹುದು. ಹಾಗಾಗಿ ಇಲ್ಲಿ ಒಂದು ಸರಳ ಹೊಂದಿವೆ ಪುಟ home.html ಕರೆಯಲಾಗುತ್ತದೆ. ನಾನು ಒಂದು ಮಾಹಿತಿ ಹೋಗುತ್ತದೆ ಪಡೆದಿರುವಿರಿ ಇಲ್ಲಿ ಮತ್ತು ಬೀಳಿಕೆ ಕೆಲವು ರೀತಿಯ. 

ಮತ್ತು ನಾವು ಒಂದು ಎರಡನೇ ಈ ಪುನಃ ವಿಲ್. ಆದರೆ ನಾವು ಈಗ ತೆಗೆದುಕೊಳ್ಳಬೇಕು ಭಾವಿಸುತ್ತೇನೆ ನಿಜವಾದ ಮೂಲ ಕೋಡ್ ನೋಡಲು. ಆದ್ದರಿಂದ, ನಾನು home.html ತೆರೆಯುತ್ತದೆ ಪಡೆಯಲಿದ್ದೇನೆ. ಮತ್ತು ನಾವು ಏನು ನಡೆಯುತ್ತಿದೆ ಎಂಬುದನ್ನು ನೋಡುತ್ತಾರೆ. ಇಲ್ಲಿ ಮೇಲ್ಭಾಗದಲ್ಲಿ, ನಾನು ಹೊಂದಿವೆ ಇಂದಿನ ವಿಶೇಷವೇನು ಕೆಲವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸ್ಟಫ್. 

ಇಲ್ಲಿ, ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಹೊಂದಿವೆ ಇದರ ID infodiv ಒಂದು DIV, ಮತ್ತು ಕೆಲವು ಮಾಹಿತಿ ಅಲ್ಲಿ ಹೋಗುತ್ತಿದ್ದೇವೆ ಇದೆ. ನಂತರ ನಾನು ಈ ರೂಪ ಹೊಂದಿವೆ. ಮತ್ತು ಇದರ ಒಳಗೆ ರೂಪ, ನಾನು ಏನಾದರೂ ಒಂದು ಆಯ್ಕೆ, ಎಂದು ಕೇವಲ ಒಂದು ಬೀಳಿಕೆ ಆಗಿದೆ ವಿವಿಧ ಆಯ್ಕೆಗಳನ್ನು ಒಂದು ಗುಂಪನ್ನು. ಮತ್ತು, ಬದಲಾವಣೆಗಳನ್ನು ಸ್ಪಷ್ಟವಾಗಿ ಆಯ್ಕೆಮಾಡಲಾಗಿದೆ ಎಂದು ಆಯ್ಕೆಯನ್ನು ಹೊಂದಿದೆ ಬದಲಾಗಿದೆ, ನಾನು ಕರೆ ಪಡೆಯಲಿದ್ದೇನೆ ಕೆಲವು ಕಾರ್ಯ cs50Info, ಮತ್ತು ನಂತರ ನಾನು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ this.value ಹಾದು ಅಲ್ಲಿ ಈ ಸೂಚಿಸುತ್ತದೆ ಇದು ಆಯ್ಕೆಯನ್ನು ಆಯ್ಕೆಯಾದರು, ಮತ್ತು ಮೌಲ್ಯವನ್ನು ಇಲ್ಲಿ ಆಯ್ಕೆಯನ್ನು ಈ ಒಂದಾಗಿದೆ ಮೌಲ್ಯ = ಸಮನಾಗಿರುತ್ತದೆ ಖಾಲಿ, "ಬ್ಲಮ್ಬರ್ಗ್," "ಬೌಡೆನ್," "ಚಾನ್," ಮತ್ತು "MALAN." 

ಹಾಗಾಗಿ ನಿಜವಾಗಿ ಏನೆಲ್ಲಾ ನಾನು ಈ ಮಾಡಿದಾಗ ಇಲ್ಲಿ ಸಂಭವಿಸಿ? ಅಲ್ಲದೆ, ಒಂದು ನೋಡೋಣ blumberg.html ನೋಡಲು. ಇದು ಕೇವಲ ಒಂದು ತೋರುತ್ತಿದೆ ಕೆಲವು HTML ತುಣುಕನ್ನು. ಮತ್ತು ವಾಸ್ತವವಾಗಿ, ನಾನು ಏನು ಆಶಯದೊಂದಿಗೆ ಬಾಗುತ್ತೇನೆ ಇಲ್ಲಿ ಸಂಭವಿಸಿ ಹೋಗುವ ಇದೆ ನಾನು ಕೆಲಸದಲ್ಲಿ ತೊಡಗಿಕೊಂಡರು ಪಡೆಯಲಿದ್ದೇನೆ ನನ್ನ ವೆಬ್ ಪುಟದಲ್ಲಿ ನೇರವಾಗಿ ಈ HTML ಮರುಲೋಡ್ ಮಾಡದೆಯೇ ಪುಟ, ಇಂತಹ ಸಂದರ್ಭದಲ್ಲಿ ಆ ನಾನು ಬೀಳಿಕೆ ಹನ್ನಾ ಆಯ್ಕೆ ಮೆನು, ಹನ್ನಾ ಬಗ್ಗೆ ಮಾಹಿತಿ, ನಿರ್ದಿಷ್ಟ, ಈ ಮಾಹಿತಿಯನ್ನು ಇಲ್ಲಿ blumberg.html ರಲ್ಲಿ, ಪುಟ ಮೇಲೆ ತೋರಿಸುತ್ತದೆ ಏನು. ನಾನು ರಿಫ್ರೆಶ್ ಹೊಂದಿಲ್ಲ. ನಾನು ಬೇರೊಬ್ಬರು ಆಯ್ಕೆಮಾಡಿದ್ದರೆ ತಮ್ಮ ಮಾಹಿತಿ ತೋರಿಸುತ್ತವೆ. ನಾನು ಏಕೆ ಮಾಡಬೇಕು? ಮತ್ತೆ, ಈ ಅಗತ್ಯವಿದೆ ನಮಗೆ ಕೆಲವು ಅಜಾಕ್ಸ್ ಅನ್ನು. ಆದ್ದರಿಂದ, ನಾವು ajax.js. ತೆರೆಯುತ್ತದೆ ವಿಲ್ ಮತ್ತು ಇಲ್ಲಿ, cs50Info ಎಂದು ಕಾರ್ಯ. ಹೆಸರು ಏನೂ ವೇಳೆ, ನಾನು ಹಿಂತಿರುಗಲಿಲ್ಲ. ನಾನು ವೇಳೆ ಏನು ನಾನೇನು ಖಾಲಿ ಆಯ್ಕೆಯನ್ನು ಆಯ್ಕೆ ಮಾಡಲಾಗಿದೆ. ಇಲ್ಲದಿದ್ದರೆ, ನಾನು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಹೊಸ XMLHttpRequest ರಚಿಸಲು. ಮತ್ತು ನಂತರ ನಾನು ಹೇಳಲು ಪಡೆಯಲಿದ್ದೇನೆ readyState ಬದಲಾವಣೆಗಳನ್ನು ಈ ಕಾರ್ಯವನ್ನು ಕರೆಯಲು. 

ಮತ್ತು readyState ವೇಳೆ 4 ಮತ್ತು ಸ್ಥಿತಿಯನ್ನು 200, ಇಲ್ಲಿ ಸ್ವಲ್ಪ ಸಾಲು 13 ರಂದು jQuery ನ. ಆದರೆ ನಾನು ಹೇಳುತ್ತಿರುವಾಗ ಮಾಡುತ್ತಿರುವೆ ಎಲ್ಲಾ, infodiv ವಿಷಯಗಳನ್ನು ಬದಲಾವಣೆ ನಾನು ಮತ್ತೆ ಸಿಕ್ಕಿತು ಯಾವುದೇ ಎಂದು ನನ್ನ HttpRequest ಪ್ರತಿಕ್ರಿಯೆ. 

ನನ್ನ HttpRequest ಏನು? ಸರಿ, ಅದು ಸರಿ ಇಲ್ಲಿ ಲೈನ್ 18 ಮತ್ತು 19 ರಂದು. ಸಾಲಿನ 18 ನಾನು ಮೂಲತಃ ತಯಾರಿ ನುಡಿದರು ಹೆಸರನ್ನು + .html ವಿನಂತಿಯನ್ನು ಪಡೆಯಿರಿ. ಮತ್ತೆ, ಹೆಸರು ಇಲ್ಲಿದೆ ಎಂದು ವಾದ cs50Info ಪ್ಯಾರಾಮೀಟರ್ನಂತೆ ಅನುಮೋದಿಸಲಾಯಿತು. 

ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ, ನಾನು ಬೇರೆಯವರ ಹಾದುಹೋಗುವ ನಾನು ಆಯ್ಕೆಗಳ ಎಂದು ರೂಪಿಸಲಾಯಿತು, ಹೆಸರು ನಾವು ನೋಡಿದ ಬೀಳಿಕೆ ರೂಪದಲ್ಲಿ. ನಾನು ಆ ಹೆಸರು ಪಡೆಯುವಲ್ಲಿ ಬಾಗುತ್ತೇನೆ. ನಾನು ಬಯಸುತ್ತೀರಿ ಹೇಳುವ ನಾನು ನನಗೆ ಆ file.html ಪಡೆಯಲು ದಯವಿಟ್ಟು, ಮತ್ತು ಆ ವಿನಂತಿಯನ್ನು ಕಳುಹಿಸಲು. 

ಮತ್ತು ಆದ್ದರಿಂದ onreadystatechange ಹೋಗುತ್ತದೆ ಕೇಳುವ ಮತ್ತು ಕಾಯುವ ಮತ್ತು ಕಾಯುವ ಎಂದು ಮತ್ತು readyState ರವರೆಗೆ ಕಾಯುವ 4, ಮತ್ತು ಸ್ಥಿತಿಯನ್ನು 200 ಆಗಿದೆ. ಆದ್ದರಿಂದ, ಸೇವೆ ಸಿದ್ಧ ಮತ್ತು ವಿನಂತಿಯನ್ನು ಯಶಸ್ವಿಯಾಯಿತು. ಇದು ವೇಳೆ ಮತ್ತು ನಂತರ, ಇದು ವಿಶೇಷವೇನು infodiv ವಿಷಯಗಳನ್ನು ಬದಲಾವಣೆ ನಾನು ಹಿಂದಕ್ಕೆ ಪಡೆದರು ಪ್ರತಿಕ್ರಿಯೆ ಪಠ್ಯ ಎಂದು. 

ಆದ್ದರಿಂದ ಹೇಗೆ ನೋಡೋಣ ವಾಸ್ತವವಾಗಿ ಕೆಲಸ. ನಾವು ನನ್ನ ಬ್ರೌಸರ್ ಮೇಲೆ ತಲೆಯಿಂದ ಮಾಡುತ್ತೇವೆ ವಿಂಡೋ, ಮತ್ತು ನಾವು ಇಲ್ಲಿ ನೋಡಲು ಮಾಡುತ್ತೇವೆ. ಆದ್ದರಿಂದ ನೋಡೋಣ ಅವಕಾಶ ಏನು AJAX ರಲ್ಲಿ ಇಲ್ಲಿ ಇಂದಿನ ವಿಶೇಷವೇನು. ನಾವು ಯಾರಾದರೂ ಆಯ್ಕೆ ಮಾಡುತ್ತೇವೆ ಬೀಳಿಕೆ ಮೆನುವಿನಿಂದ. ಆದ್ದರಿಂದ ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಹೊರಡೋಣ ಕೇವಲ ಹನ್ನಾ ಆಯ್ಕೆ. ಮತ್ತು ಸೂಚನೆ ಎಂದು ಹನ್ನಾ ಮಾಹಿತಿ ಬದಲಾಗಿದೆ, ಆದರೆ ನಾನು ಯಾವುದೇ ಹೊಂದಿವೆ ಇಲ್ಲ ನನ್ನ ಪುಟ ಸಂಪೂರ್ಣವಾಗಿ ಮರುಲೋಡ್ ಮಾಡಲಿಲ್ಲ. ವಿಷಯವನ್ನು ಉಳಿದರು. ವಿಷಯವನ್ನು ಅತ್ಯಂತ ಉಳಿದರು. ಅಜಾಕ್ಸ್ ಟೆಸ್ಟ್ ಬದಲಾಗಲಿಲ್ಲ. ಬಟನ್ ಸ್ವತಃ ಈ ಬೀಳಿಕೆ ಬದಲಾಗಲಿಲ್ಲ. ಆದರೆ ಮಾಹಿತಿ ಇಲ್ಲ ಬದಲಾವಣೆ ಮಾಡಿದರು. ಮತ್ತು ಹೇಗೆ ಅವಲಂಬಿಸಿ ಬೇಗ ನನ್ನ ಕಂಪ್ಯೂಟರ್ ಚಲಿಸುತ್ತದೆ, ನೀವು ನಿಜವಾಗಿಯೂ ವಿಷಯ ನೋಡಬಹುದು ಕಣ್ಮರೆಯಾಗಿ ನಂತರ ನಿಜವಾಗಿಯೂ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತಾನೆ ತ್ವರಿತವಾಗಿ. ಆ ಎಂಬ ವಿಷಯ infodiv ಅಳಿಸಲಾಗಿದೆ, ತದನಂತರ ಬದಲಿಗೆ ಹೊಸ ಅಸಮಕಾಲಿಕ ವಿನಂತಿಯ. 

ನಾನು ಹೇಳಲು ಅದನ್ನು ಬದಲಾಯಿಸಲು ಆದ್ದರಿಂದ, Rob-- ಮತ್ತೆ, ನೋಡೋಣ, ಮತ್ತು ಬಹುಶಃ ನಾವು ವಾಸ್ತವವಾಗಿ ನೋಡುತ್ತಾರೆ ತಾನೇ ಶೀಘ್ರವಾಗಿ ಮತ್ತೆ ಕಾಣಿಸಿಕೊಂಡವು. ನೀವು ನೋಡಿ? ಹೇಗೆ ಇದು, ದೂರ ಬೇರ್ಪಡಿಸಿದ ಮತ್ತು ನಂತರ ಅದನ್ನು ಭರ್ತಿ? ಅಜಾಕ್ಸ್ ವಿನಂತಿಯನ್ನು ಇಲ್ಲಿದೆ ನಡೆಯುತ್ತಿರುವ ರೀತಿಯ. ಆದ್ದರಿಂದ ಅವಲಂಬಿಸಿ ವ್ಯಕ್ತಿ ನಾನು ಮನುಷ್ಯ, ಆಯ್ಕೆ ಬೇರೆ ಅಸಮಕಾಲಿಕ ಮಾಡುವ ಬೇರೆ ಕಡತ ವಿನಂತಿಯನ್ನು ನನ್ನ ಸರ್ವರ್ನಲ್ಲಿ ಹೊಂದಿರುತ್ತವೆ. ಮತ್ತು ವಿಷಯಗಳನ್ನು ನನ್ನ infodiv ಅಪ್ಡೇಟ್, ನಾನು ಆಯ್ಕೆ ಮಾಡಿದ ಈ ಯಾವ ಆಧಾರಿತ. ಆದ್ದರಿಂದ ನಿಜವಾಗಿಯೂ ಎಲ್ಲಾ ಅಜಾಕ್ಸ್ ಇಲ್ಲ ಇಲ್ಲಿದೆ. ಇದು ನಮಗೆ ಈ ಅಸಮಕಾಲಿಕ ಮಾಡಿಕೊಳ್ಳುವುದು ವಿನಂತಿಗಳನ್ನು, ಒಂದು ಪುಟ ನವೀಕರಣಗಳನ್ನು. ಮಾಡದೆಯೇ ಇಡೀ ಪುಟ ರಿಫ್ರೆಶ್ ನಾವು ಹೊಸ ಪಡೆಯಲು ನೀನು ಮೂಲಕ ಅದರಿಂದ ವಿಷಯ ಪರಿಚಾರಕಕ್ಕೆ ಹೊಸ ತಾಜಾ ವಿನಂತಿಯನ್ನು. ಆದ್ದರಿಂದ, ನಮ್ಮ ಪುಟಗಳು ಆಗಬಹುದು ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಕ್ರಿಯಾತ್ಮಕ. 

ನಾವು ಹೆಚ್ಚು ಪಡೆಯಲು ಎಂದು ಮತ್ತು ಅತ್ಯಾಧುನಿಕ, ನೀವು ವಿಷಯಗಳನ್ನು ಸಿಗುತ್ತವೆ ಹೇಳುತ್ತಾರೆ, ನಿಮ್ಮ ಇಮೇಲ್ ಇನ್ಬಾಕ್ಸ್, ಅಲ್ಲಿ ನೀವು ಏನು ಮಾಡಲು ಹೊಂದಿಲ್ಲ. ನೀವು ಕ್ಲಿಕ್ ಇಲ್ಲ ಡೌನ್ ಮೆನು-ಡ್ರಾಪ್ ಅಥವಾ ಏನು ಕ್ಲಿಕ್ ಮತ್ತು ಇದ್ದಕ್ಕಿದ್ದಂತೆ ಎಲ್ಲಾ, ನಿಮ್ಮ ಹೊಸ ಇಮೇಲ್ ಮೇಲಿರುವ ತೋರಿಸುತ್ತದೆ. ಸಹ ಕೇವಲ ಒಂದು ಅಜಾಕ್ಸ್ ವಿನಂತಿಯನ್ನು ಇಲ್ಲಿದೆ. ಅಜಾಕ್ಸ್ ವಿನಂತಿಸುತ್ತಿದೆ ನಿಮ್ಮ ಸರ್ವರ್, ಇಮೇಲ್ ಸರ್ವರ್, ಎಲ್ಲಾ ಮಾಹಿತಿಯನ್ನು ಕಳುಹಿಸಲು ನಿಮ್ಮ ಇತ್ತೀಚಿನ ಇಮೇಲ್ಗಳನ್ನು ಬಗ್ಗೆ, ಮತ್ತು ನೀವು ಮೇಲೆ ನೋಡಿ ಏನು ಬದಲಾವಣೆ ಪರದೆಯ ಇಮೇಲ್ಗಳನ್ನು ನಿಮ್ಮ ಹೊಸ ಸೆಟ್ ಎಂದು. ಮತ್ತು ನೀವು ಹೊಸದನ್ನು ಹೊಂದಿದ್ದರೆ ಎಂದು DIV ಆಫ್, ನಂತರ ವಿಷಯ ಪ್ರತಿಬಿಂಬಿಸಲು ಬದಲಾಗುತ್ತದೆ ಅಪ್ಡೇಟ್ಗೊಳಿಸಲಾಗಿದೆ ವಿಷಯ. ನಾನು ಡೌಗ್ ಲಾಯ್ಡ್ ಮನುಷ್ಯ. ಈ CS50 ಹೊಂದಿದೆ.