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
విధమైన గొడుగు కింద వస్తుంది
జావాస్క్రిప్ట్ 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
మరియు ఆ, నిజానికి, ఉంది
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
కనుక ఇది ఒక అసమకాలిక వార్తలు
JavaScript మరియు మార్కప్ భాష.

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
మేము నుండి తెలిసి
ఇప్పుడు JavaScript, ఆ

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
>> ఆపై స్థితి, దీనిలో
ఆశాజనక ప్రతిదీ OK గనక,

83
00:03:53,100 --> 00:03:56,710
చిన్న ఇది 200
కోసం, కోర్సు యొక్క, OK,

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 సాధారణంగా అభ్యర్థన GET.

95
00:04:38,530 --> 00:04:41,950
జస్ట్ programmatically చేయడం,
బదులుగా మా వెబ్ బ్రౌజర్ ద్వారా యొక్క.

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
చాలా ప్రారంభంలో, మేము పొందుటకు
మమ్మల్ని ఒక కొత్త 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
ఇక్కడ చాలా ఎగువన అప్ సో, నేను కలిగి
జరగబోతోంది కొన్ని జావాస్క్రిప్ట్ stuff.

125
00:06:08,240 --> 00:06:12,470
>> మరియు ఇక్కడ, నేను స్పష్టంగా కలిగి
దీని ID 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
"బౌడెన్," "చాన్" మరియు "మలన్."

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 న j క్వెరీ యొక్క.

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
Well, అవునా
ఇక్కడ లైన్ 18 మరియు 19.

163
00:08:02,020 --> 00:08:08,550
లైన్ 18, నేను ప్రధానంగా తయారవుతున్నాను
ఒక పేరు + .html కోసం అభ్యర్థన GET.

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
>> కాబట్టి ప్రాథమికంగా, నేను ఎవరో లో ప్రయాణిస్తున్న am
ఎంపికలు సమితి ఇది, పేరు

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
Stuff బస.

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
మరియు అప్పుడు అది రీఫిల్?

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