1
00:00:00,000 --> 00:00:00,500

2
00:00:00,500 --> 00:00:04,810
[CHWARAE CERDDORIAETH]

3
00:00:04,810 --> 00:00:06,940
>> DOUG LLOYD: Felly un yn fwy
fath o syniad bod

4
00:00:06,940 --> 00:00:12,120
fath o yn dod o dan ymbarél
JavaScript yn rhywbeth o'r enw AJAX.

5
00:00:12,120 --> 00:00:15,310
Hyd at y pwynt hwn, mae ein
rhyngweithio gyda JavaScript

6
00:00:15,310 --> 00:00:17,727
wedi bod yn gyfyngedig i wthio
botwm a rhywbeth yn digwydd.

7
00:00:17,727 --> 00:00:19,560
Ac yn benodol, y
rhywbeth sy'n digwydd

8
00:00:19,560 --> 00:00:22,950
yw ein gwefannau yn edrych ac yn teimlo newidiadau.

9
00:00:22,950 --> 00:00:23,450
Iawn?

10
00:00:23,450 --> 00:00:26,540
Fel yn arbennig, yn y
Dogfen enghreifftiol gwrthrych fideo,

11
00:00:26,540 --> 00:00:29,060
Yr wyf yn newid y lliw cefndir.

12
00:00:29,060 --> 00:00:33,240
Ond pan wnes i hynny, doedd gen i ddim
i wneud unrhyw geisiadau ychwanegol arbennig.

13
00:00:33,240 --> 00:00:36,800
Nid oedd rhaid i mi ofyn i
y gweinydd yn anfon tudalen newydd i mi.

14
00:00:36,800 --> 00:00:39,620
Fi jyst yn newid yr hyn yr wyf eisoes.

15
00:00:39,620 --> 00:00:42,245
Nid oedd rhaid i mi ail-lwytho fy nhudalen,
a phethau yn bendant wedi newid,

16
00:00:42,245 --> 00:00:43,760
felly mae hynny'n wych.

17
00:00:43,760 --> 00:00:48,400
Ond mae bendant rhai
ryngweithio defnyddiwr llaw dan sylw.

18
00:00:48,400 --> 00:00:53,140
AJAX yn dechneg oer sy'n caniatáu
ni i ddiweddaru cynnwys tudalen ar,

19
00:00:53,140 --> 00:00:55,750
ac nid dim ond y golwg a
teimlo, heb ail-lwytho.

20
00:00:55,750 --> 00:00:58,610
>> Ac erbyn yn benodol pan fyddaf
dweud diweddaru cynnwys tudalen yn,

21
00:00:58,610 --> 00:01:01,990
Dydw i ddim yn dweud ein bod ailysgrifennu
y dudalen gan ddefnyddio JavaScript.

22
00:01:01,990 --> 00:01:06,560
I ddim yn dweud ein bod mewn gwirionedd yn gofyn am
rhagor o wybodaeth gan y gweinydd

23
00:01:06,560 --> 00:01:08,640
heb ein tudalen orfod ail-lwytho.

24
00:01:08,640 --> 00:01:10,850
>> Nawr y math yna o ychydig o
techneg mwy datblygedig

25
00:01:10,850 --> 00:01:11,950
ein bod ni'n mynd i siarad
am yn y fideo hwn.

26
00:01:11,950 --> 00:01:13,720
Rydym yn mynd i gael rhywfaint o ryngweithio.

27
00:01:13,720 --> 00:01:17,750
Ond pan rydym yn ei wneud, dw i'n mynd i fod yn
gwneud ceisiadau i'r gweinydd gwe.

28
00:01:17,750 --> 00:01:21,140
Yn yr achos hwn, dim ond yr hyn sydd
rhedeg fy gweinyddwr gwe Apache.

29
00:01:21,140 --> 00:01:25,010
Rydw i'n mynd i fod yn gwneud ychwanegol
ceisiadau tra fy mod yn ymweld â dudalen we,

30
00:01:25,010 --> 00:01:26,890
ond ni fydd fy dudalen adnewyddu.

31
00:01:26,890 --> 00:01:30,000
>> Dim ond ei fod yn mynd i
asynchronously diweddaru fy dudalen.

32
00:01:30,000 --> 00:01:31,840
A dyna, mewn gwirionedd,
sy'n AJAX yn sefyll am,

33
00:01:31,840 --> 00:01:35,400
yw Asynchronous JavaScript ac XML.

34
00:01:35,400 --> 00:01:37,910
XML yn fath arall o markup
iaith, a gallwch ddatrys o

35
00:01:37,910 --> 00:01:39,680
feddwl am y peth yn union fel HTML.

36
00:01:39,680 --> 00:01:42,990
Dyw hi ddim yn hollol yr un peth, ond
'i' y bôn yn unig yn iaith markup.

37
00:01:42,990 --> 00:01:47,770
Felly ei fod yn asynchronous
JavaScript ac iaith markup.

38
00:01:47,770 --> 00:01:50,590
>> Felly, er mwyn defnyddio hyn
AJAX technique-- AJAX

39
00:01:50,590 --> 00:01:52,230
Nid yn iaith raglennu ar wahân.

40
00:01:52,230 --> 00:01:55,300
'I' jyst fath o
set o techniques-- ydym

41
00:01:55,300 --> 00:01:57,870
Mae angen i greu arbennig
Gwrthrych JavaScript, a oedd yn

42
00:01:57,870 --> 00:02:00,689
gelwir yn XMLHttpRequest.

43
00:02:00,689 --> 00:02:01,980
Yn awr, mae'n hawdd iawn i wneud hyn.

44
00:02:01,980 --> 00:02:04,550
Rydym yn unig yn dweud var, beth bynnag
rydym am i alw gwrthrych hwn,

45
00:02:04,550 --> 00:02:07,030
yn hafal i XMLHttpRequest newydd.

46
00:02:07,030 --> 00:02:11,050
Ac yn awr rydym yn awr wedi cael
yn fath AJAX o gwrthrych,

47
00:02:11,050 --> 00:02:14,370
neu XMLHttpRequest
gwrthrych, a fydd yn caniatáu

48
00:02:14,370 --> 00:02:18,360
ni asynchronously diweddaru ein tudalen.

49
00:02:18,360 --> 00:02:23,100
>> Ar ôl i ni wedi gotten hwn newydd
gwrthrych, XMLHttpRequest hwn,

50
00:02:23,100 --> 00:02:27,760
mae'n rhaid i ni wneud rhywbeth i'w
ymddygiad onreadystatechange.

51
00:02:27,760 --> 00:02:30,360
Onreadystatechange
ymddygiad yn wir yn unig

52
00:02:30,360 --> 00:02:34,080
pan fyddwch yn gwneud cais
i dudalen ar y we, mae'r dudalen

53
00:02:34,080 --> 00:02:35,880
yn mynd trwy nifer o gamau.

54
00:02:35,880 --> 00:02:37,370
Yn gyntaf, nid yw cais wedi cael ei anfon.

55
00:02:37,370 --> 00:02:39,860
Yna, mae'r cais wedi bod
anfon, ond nid y gweithredir arnynt.

56
00:02:39,860 --> 00:02:41,580
Yna y cais wedi cael ei gweithredu.

57
00:02:41,580 --> 00:02:43,680
Yna y cais yn
yn cael eu hanfon yn ôl atoch.

58
00:02:43,680 --> 00:02:46,930
>> Yna, mae'r cais yn
llwytho yn llawn yn eich tudalen.

59
00:02:46,930 --> 00:02:48,640
Mae'r rheini'n wahanol wladwriaethau.

60
00:02:48,640 --> 00:02:53,890
Ac felly mae angen i ni osod ein
gwrthrych XMLHttpRequest newydd

61
00:02:53,890 --> 00:02:58,740
i newid pan fydd y newidiadau yn barod wladwriaeth.

62
00:02:58,740 --> 00:03:01,925
Ac fel arfer, rydym yn gwneud hyn drwy
ddiffinio swyddogaeth dienw, a oedd yn

63
00:03:01,925 --> 00:03:04,490
rydym yn gyfarwydd â oddi
JavaScript yn awr, sy'n

64
00:03:04,490 --> 00:03:09,840
gelwir pan fydd y newidiadau yn barod wladwriaeth.

65
00:03:09,840 --> 00:03:11,340
Mae'n wir nad yw llawer mwy na hynny.

66
00:03:11,340 --> 00:03:14,340
Rydym yn jyst yn mynd i fod yn diffinio
swyddogaeth dienw, rhyw fath o hoffi beth

67
00:03:14,340 --> 00:03:16,440
rydym yn ei wneud yn
JavaScript, lle byddem

68
00:03:16,440 --> 00:03:18,750
rhaid swyddogaeth dienw
ymateb i ar clic,

69
00:03:18,750 --> 00:03:23,230
neu pan oeddem yn gwneud map o
y gwahanol wrthrychau yn arae.

70
00:03:23,230 --> 00:03:25,220
>> Digwyddodd rhywbeth pan
rhywbeth yn cael ei glicio.

71
00:03:25,220 --> 00:03:28,810
Yn yr achos hwn, dim ond rhywbeth yn
yn digwydd pan fydd y cyflwr ein dudalen

72
00:03:28,810 --> 00:03:30,160
newidiadau.

73
00:03:30,160 --> 00:03:32,730
Mae dau eiddo arall
sy'n cael eu didoli o- nid ydynt yn

74
00:03:32,730 --> 00:03:35,524
yr unig eiddo sydd
gynhenid ​​i XMLHttpRequest,

75
00:03:35,524 --> 00:03:36,940
ond maent yn rhai 'n bert bwysig.

76
00:03:36,940 --> 00:03:39,815
Mae rhywbeth o'r enw readyState,
sydd, fel mae'n debyg y gallwch ddyfalu,

77
00:03:39,815 --> 00:03:41,750
yn gysylltiedig â onreadystatechange.

78
00:03:41,750 --> 00:03:44,250
Mae'n mewn gwirionedd yn dweud wrthych
yr hyn y mae'r readyState yw.

79
00:03:44,250 --> 00:03:46,289
0, 1, 2, 3, a 4 yn
y posibiliadau yno,

80
00:03:46,289 --> 00:03:48,080
ac maent yn fath o fras
yn cyfateb i'r hyn

81
00:03:48,080 --> 00:03:50,030
Roeddwn i'n jyst siarad am eiliad yn ôl.

82
00:03:50,030 --> 00:03:53,100
>> Ac yna statws, a oedd yn
gobeithio, os bydd popeth yn mynd yn iawn,

83
00:03:53,100 --> 00:03:56,710
yw 200, sydd yn fyr
er, wrth gwrs, OK,

84
00:03:56,710 --> 00:03:58,330
yr ydym yn gyfarwydd â oddi Http.

85
00:03:58,330 --> 00:04:03,735
Felly rydym yn gobeithio y bydd ein cyflwr parod
yn bedwar, ac mae ein statws yn 200.

86
00:04:03,735 --> 00:04:07,940
Ac os yw ein cyflwr parod
yw pedwar, a'r ymateb

87
00:04:07,940 --> 00:04:11,490
yn barod i gael ei roi ar y
dudalen, ac mae'r statws yn 200,

88
00:04:11,490 --> 00:04:13,580
roeddem yn gallu ei wneud
popeth yn llwyddiannus,

89
00:04:13,580 --> 00:04:17,209
yn awr y gallwn asynchronously
diweddaru ein tudalen

90
00:04:17,209 --> 00:04:21,730
heb orfod ail-lwytho
holl gynnwys ohono.

91
00:04:21,730 --> 00:04:27,710
>> Ar ôl i ni wedi diffinio'r hyn sy'n digwydd
at yr ymddygiad onreadystatechange,

92
00:04:27,710 --> 00:04:31,020
ac yr ydym wedi gwirio bod readyState
yw 4 a statws yn 200,

93
00:04:31,020 --> 00:04:33,900
yna i gyd mae angen i ni ei wneud yw
agor yn asynchronous

94
00:04:33,900 --> 00:04:38,530
cais, sy'n cael ei dim ond gwneud
mae Http yn gyffredinol yn GET cais.

95
00:04:38,530 --> 00:04:41,950
Dim ond yn ei wneud yn programmatically,
yn hytrach na thrwy ein porwr gwe.

96
00:04:41,950 --> 00:04:43,786
Ac yna byddwn yn anfon y cais hwnnw.

97
00:04:43,786 --> 00:04:45,660
Felly beth mae hyn efallai
edrych yn y cyd-destun?

98
00:04:45,660 --> 00:04:49,790
Felly dyma swyddogaeth sy'n
yn ymdrin â cheisiadau AJAX.

99
00:04:49,790 --> 00:04:50,290
IAWN?

100
00:04:50,290 --> 00:04:52,430
Ac yr wyf wedi dweud yn fympwyol
mae'n derbyn dadl.

101
00:04:52,430 --> 00:04:55,550
Ac mae hyn yn fath o
sgerbwd cyffredinol yma.

102
00:04:55,550 --> 00:05:00,890
Ar y cychwyn cyntaf, rydym yn cael
ein hunain gwrthrych XMLHttpRequest newydd.

103
00:05:00,890 --> 00:05:03,830
Yna, mae angen imi osod y
ymddygiad onreadystatechange.

104
00:05:03,830 --> 00:05:06,970
Ac felly yr wyf i'n mynd i ddweud
pan fydd y newidiadau readyState,

105
00:05:06,970 --> 00:05:10,110
Rwyf am i chi i alw swyddogaeth hon.

106
00:05:10,110 --> 00:05:12,570
>> Sydd yn mynd i ofyn i'r
cwestiwn, os yw'r readyState

107
00:05:12,570 --> 00:05:17,240
yw 4, os yw'r readyState wedi newid
i fod yn 4, ac mae'r statws yn 200,

108
00:05:17,240 --> 00:05:20,799
felly cawsom gais llwyddiannus, yr wyf yn
eisiau gwneud rhywbeth i'r dudalen.

109
00:05:20,799 --> 00:05:22,590
A byddwn yn cymryd golwg
yn enghraifft o'r hyn

110
00:05:22,590 --> 00:05:25,010
Efallai bod rhywbeth fod mewn eiliad.

111
00:05:25,010 --> 00:05:27,830
Felly, yna, yn awr yr wyf wedi diffinio
fy swyddogaeth dienw,

112
00:05:27,830 --> 00:05:31,340
fy swyddogaeth ymateb pryd bynnag
newidiadau readyState.

113
00:05:31,340 --> 00:05:37,120
>> Felly, yna dim ond angen i mi agor
wneud cais, gan ddefnyddio'r dull Agored.

114
00:05:37,120 --> 00:05:39,160
Ac yna, yr wyf yn anfon y cais hwnnw.

115
00:05:39,160 --> 00:05:41,980
A gadewch i ni edrych ar
enghraifft mwy pendant

116
00:05:41,980 --> 00:05:46,290
o'r hyn y gall ei wneud AJAX ar ein tudalennau gwe.

117
00:05:46,290 --> 00:05:49,740
Felly, yr wyf wedi yma yn syml iawn
dudalen o'r enw home.html.

118
00:05:49,740 --> 00:05:53,620
Ac mae gen i wybodaeth yn mynd
yma a rhyw fath o gwymplen.

119
00:05:53,620 --> 00:05:55,390
>> A byddwn yn ailedrych ar hyn mewn un eiliad.

120
00:05:55,390 --> 00:05:59,150
Ond rwy'n credu y dylem yn awr gymryd
edrych ar y cod ffynhonnell gwirioneddol.

121
00:05:59,150 --> 00:06:01,080
Ac felly, yr wyf i'n mynd i agor home.html.

122
00:06:01,080 --> 00:06:03,490

123
00:06:03,490 --> 00:06:04,740
A gawn ni weld beth sy'n mynd ymlaen.

124
00:06:04,740 --> 00:06:08,240
Felly, i fyny ar yr union top yma, mae gen i
rhai pethau JavaScript sy'n digwydd.

125
00:06:08,240 --> 00:06:12,470
>> Ac yma, yr wyf yn ôl pob golwg yn cael
mae div y mae ei adnabod yn infodiv,

126
00:06:12,470 --> 00:06:15,290
a rhywfaint o wybodaeth
yn mynd i fynd yno.

127
00:06:15,290 --> 00:06:16,374
Ac yna mae gen i ffurflen hon.

128
00:06:16,374 --> 00:06:18,081
Ac y tu mewn o hyn
ffurf, gen i rywbeth

129
00:06:18,081 --> 00:06:20,200
a elwir yn Dethol, a oedd yn
yn unig yw cwymplen

130
00:06:20,200 --> 00:06:22,150
gyda chriw o opsiynau gwahanol.

131
00:06:22,150 --> 00:06:26,150
Ac i bob golwg phan hynny yn newid, pan fydd
yr opsiwn sydd wedi cael ei ddewis gan

132
00:06:26,150 --> 00:06:30,600
newid, dw i'n mynd i alw
rhyw swyddogaeth cs50Info,

133
00:06:30,600 --> 00:06:33,190
ac yna dwi'n mynd i
pasio yn this.value,

134
00:06:33,190 --> 00:06:35,740
lle mae hyn yn cyfeirio at
pa opsiwn ei ddewis,

135
00:06:35,740 --> 00:06:39,820
a gwerth yn un o'r rhain fan hyn, y dewis
Gwerth = hafal wag, "Blumberg,"

136
00:06:39,820 --> 00:06:42,610
"Bowden," "chan," a "Malan."

137
00:06:42,610 --> 00:06:45,090
>> Felly beth allai mewn gwirionedd
digwydd yma pan fyddaf yn gwneud hyn?

138
00:06:45,090 --> 00:06:48,800
Wel, gadewch i ni
edrych ar blumberg.html.

139
00:06:48,800 --> 00:06:51,330

140
00:06:51,330 --> 00:06:53,924
Edrych fel mai dim ond
snippet o rai Html.

141
00:06:53,924 --> 00:06:56,090
Ac yn wir, yr hyn yr wyf i'n gobeithio
yn mynd i ddigwydd yma

142
00:06:56,090 --> 00:07:00,020
yw fy mod i'n mynd i fod yn gallu plwg
Html hwn yn uniongyrchol i mewn i fy tudalen ar y we

143
00:07:00,020 --> 00:07:02,970
heb orfod ail-lwytho
y dudalen, fel bod pan fydd

144
00:07:02,970 --> 00:07:07,510
Rwy'n dewis Hannah o'r galw-i-lawr
bwydlen, gwybodaeth am Hannah,

145
00:07:07,510 --> 00:07:11,100
yn benodol, mae'r wybodaeth hon
yma yn blumberg.html,

146
00:07:11,100 --> 00:07:12,574
yw'r hyn yn dangos i fyny ar y dudalen.

147
00:07:12,574 --> 00:07:13,740
A does dim rhaid i mi adnewyddu.

148
00:07:13,740 --> 00:07:16,842
Ac os Dewisais rhywun arall,
byddai eu gwybodaeth arddangos i fyny.

149
00:07:16,842 --> 00:07:17,550
Sut ydw i'n gwneud hyn?

150
00:07:17,550 --> 00:07:20,290
Unwaith eto, mae hyn yn gofyn
ni ddefnyddio rhai AJAX.

151
00:07:20,290 --> 00:07:22,540
Ac felly, byddwn yn agor ajax.js.

152
00:07:22,540 --> 00:07:25,550
A dyma yw swyddogaeth honno, cs50Info.

153
00:07:25,550 --> 00:07:27,410
Os enw i yw unrhyw beth, yr wyf yn dychwelyd.

154
00:07:27,410 --> 00:07:31,450
Dydw i ddim yn mynd i wneud unrhyw beth os
yr opsiwn gwag wedi cael ei ddewis.

155
00:07:31,450 --> 00:07:35,420
Fel arall, yr wyf i'n mynd i
creu XMLHttpRequest newydd.

156
00:07:35,420 --> 00:07:39,020
Ac yna dwi'n mynd i ddweud, pan fydd y
newidiadau readyState, ffoniwch swyddogaeth hon.

157
00:07:39,020 --> 00:07:43,630
>> Ac os y readyState yn
4 a statws yn 200,

158
00:07:43,630 --> 00:07:45,740
dyma ychydig bach
o jQuery ar linell 13.

159
00:07:45,740 --> 00:07:50,450
Ond yr holl rwy'n ei wneud yn ei ddweud,
newid cynnwys infodiv

160
00:07:50,450 --> 00:07:57,820
i fod beth bynnag yr wyf got yn ôl fel
ymateb gan fy HttpRequest.

161
00:07:57,820 --> 00:07:59,590
>> Beth yw fy HttpRequest?

162
00:07:59,590 --> 00:08:02,020
Wel, sy'n iawn
yma ar y llinell 18 ac 19.

163
00:08:02,020 --> 00:08:08,550
Llinell 18, Im 'yn paratoi y bôn
a GET cais am enw + html.

164
00:08:08,550 --> 00:08:11,170
Ac eto, enw yma yw
y ddadl a oedd yn

165
00:08:11,170 --> 00:08:14,280
basiwyd yn fel baramedr i cs50Info.

166
00:08:14,280 --> 00:08:18,460
>> Felly y bôn, yr wyf yn pasio yn rhywun
enw, sef bod set o ddewisiadau

167
00:08:18,460 --> 00:08:22,980
ein bod yn gweld yn y
cwymplen yn y ffurflen.

168
00:08:22,980 --> 00:08:24,450
Im 'yn cael y enw.

169
00:08:24,450 --> 00:08:29,530
Ac yr wyf ddim yn dweud Hoffwn i chi i
os gwelwch yn dda cael i mi y file.html,

170
00:08:29,530 --> 00:08:31,020
ac wedyn anfon y cais hwnnw.

171
00:08:31,020 --> 00:08:34,820
>> Ac fel y onreadystatechange yn mynd
o fod yn gwrando ac yn aros ac yn aros

172
00:08:34,820 --> 00:08:39,460
ac yn aros, hyd nes y readyState
yw 4, ac mae'r statws yn 200.

173
00:08:39,460 --> 00:08:44,970
Felly mae'n barod i gael ei weini,
a'r cais yn llwyddiannus.

174
00:08:44,970 --> 00:08:49,500
Ac yna os yw, mae'n mynd i
newid cynnwys infodiv

175
00:08:49,500 --> 00:08:53,030
i fod yn destun ymateb yr wyf yn mynd yn ôl.

176
00:08:53,030 --> 00:08:54,930
>> Felly, gadewch i ni weld sut mae hyn yn
Gallai gweithio mewn gwirionedd.

177
00:08:54,930 --> 00:08:58,860
Felly, byddwn yn ben ar at fy porwr
ffenestr, a byddwn yn edrych yma.

178
00:08:58,860 --> 00:09:01,359
Felly, gadewch i ni edrych ar
beth sy'n digwydd yma yn AJAX.

179
00:09:01,359 --> 00:09:03,400
Felly byddwn yn dewis rhywun
o'r gwymplen.

180
00:09:03,400 --> 00:09:06,079
Felly, yn yr achos hwn, gadewch i ni
jyst dewis Hannah.

181
00:09:06,079 --> 00:09:08,120
A rhybudd bod Hannah
gwybodaeth wedi newid,

182
00:09:08,120 --> 00:09:11,030
ond nid oedd gan any-- i mi fy
Nid dudalen yn ail-lwytho yn gyfan gwbl.

183
00:09:11,030 --> 00:09:12,190
Arhosodd y stwff.

184
00:09:12,190 --> 00:09:13,320
Mae'r rhan fwyaf o'r stwff yn aros.

185
00:09:13,320 --> 00:09:14,320
Nid oedd Prawf AJAX yn newid.

186
00:09:14,320 --> 00:09:16,700
Mae'r botwm ei hun, mae hyn yn
cwymplen nid oedd yn newid.

187
00:09:16,700 --> 00:09:18,260
Ond mae gwybodaeth yno y gwnaeth newid.

188
00:09:18,260 --> 00:09:20,218
Ac yn dibynnu ar sut y
yn gyflym yn symud fy chyfrifiadur,

189
00:09:20,218 --> 00:09:24,430
chi mewn gwirionedd efallai y gwelwch bod y cynnwys
yn diflannu ac wedyn yn ailymddangos mewn gwirionedd

190
00:09:24,430 --> 00:09:24,930
yn gyflym.

191
00:09:24,930 --> 00:09:27,320
Dyna y cynnwys yn cael
dileu o infodiv,

192
00:09:27,320 --> 00:09:29,940
ac yna disodli gan
cais asynchronous newydd.

193
00:09:29,940 --> 00:09:34,410
>> Felly os wyf yn newid iddo gael ei ddweud,
Rob-- ac unwaith eto, edrychwch,

194
00:09:34,410 --> 00:09:38,379
ac efallai y byddwn yn gweld ei fod mewn gwirionedd
diflannu ac ailymddangos yn gyflym.

195
00:09:38,379 --> 00:09:38,920
Byddwch yn gweld hynny?

196
00:09:38,920 --> 00:09:41,400
Sut i jyst popped i ffwrdd,
ac yna mae'n ail-lenwi?

197
00:09:41,400 --> 00:09:43,640
Dyna y cais AJAX
math o gymryd lle.

198
00:09:43,640 --> 00:09:46,060
Ac felly yn dibynnu ar y
person i'n dewis, rwy'n

199
00:09:46,060 --> 00:09:50,690
gwneud asynchronous gwahanol
cais i ffeil wahanol

200
00:09:50,690 --> 00:09:52,730
sydd gennyf ar fy gweinyddwr.

201
00:09:52,730 --> 00:09:55,550
A chynnwys fy
infodiv yn diweddaru,

202
00:09:55,550 --> 00:09:58,457
yn seiliedig ar pa un o'r rhain dwi wedi dewis.

203
00:09:58,457 --> 00:10:00,040
Felly dyna mewn gwirionedd popeth sydd i'w AJAX.

204
00:10:00,040 --> 00:10:04,090
Mae'n caniatáu i ni wneud asynchronous hyn
ceisiadau, diweddariadau i'r dudalen.

205
00:10:04,090 --> 00:10:06,450
Heb orfod
adnewyddu'r dudalen gyfan,

206
00:10:06,450 --> 00:10:08,520
rydym yn mynd i gael newydd
cynnwys ohono drwy wneud

207
00:10:08,520 --> 00:10:11,170
cais ffres newydd i'r gweinydd.

208
00:10:11,170 --> 00:10:13,420
Ac felly, gall ein tudalennau ddod
gryn dipyn yn fwy deinamig.

209
00:10:13,420 --> 00:10:15,128
>> Ac wrth i ni fynd yn fwy
ac yn fwy datblygedig, byddwch yn

210
00:10:15,128 --> 00:10:17,700
Gallai cael pethau fel
dyweder, eich mewnflwch e-bost,

211
00:10:17,700 --> 00:10:19,850
lle nad oes rhaid i chi wneud unrhyw beth.

212
00:10:19,850 --> 00:10:22,560
Nid oes rhaid i chi glicio ar
cwymplen neu cliciwch unrhyw beth,

213
00:10:22,560 --> 00:10:25,920
ac yn sydyn, eich mwyaf newydd
e-bost yn dangos i fyny ar y brig.

214
00:10:25,920 --> 00:10:27,840
Dyna dim ond cais Ajax hefyd.

215
00:10:27,840 --> 00:10:30,460
Ajax yn gofyn am eich
gweinydd, mae'r gweinydd e-bost,

216
00:10:30,460 --> 00:10:33,360
i anfon dros yr holl wybodaeth
am eich negeseuon e-bost diweddaraf,

217
00:10:33,360 --> 00:10:38,110
a newid yr hyn a welwch ar y
sgrîn i fod yn eich set diweddaraf o negeseuon e-bost.

218
00:10:38,110 --> 00:10:41,080
Ac os oes gennych un newydd yn
yno, yna cynnwys y div

219
00:10:41,080 --> 00:10:44,580
Bydd newid i adlewyrchu
y cynnwys diweddaru.

220
00:10:44,580 --> 00:10:45,480
Rwy'n Doug Lloyd.

221
00:10:45,480 --> 00:10:47,500
Mae hyn yn CS50.

222
00:10:47,500 --> 00:10:49,229