1
00:00:00,000 --> 00:00:02,340
>> SIARADWR 1: Gadewch i ni weithredu ar y we
dudalen sy'n galluogi defnyddwyr i

2
00:00:02,340 --> 00:00:03,660
edrych i fyny dyfyniadau stoc.

3
00:00:03,660 --> 00:00:07,970
Gadewch i ni dybio yn gyntaf bod yn bodoli
ffeil o'r enw quote.php, ond mae hyn yn

4
00:00:07,970 --> 00:00:11,110
gellid eu rhoi ar waith yn y rhan fwyaf o unrhyw
iaith, ond y mae eu pwrpas mewn bywyd yw

5
00:00:11,110 --> 00:00:15,800
i ddisgwyl paramedr get HTTP a elwir yn
symbol, mae'r gwerth sef y

6
00:00:15,800 --> 00:00:18,120
symbol o'r stoc y
hoffech chi dyfynbris.

7
00:00:18,120 --> 00:00:22,530
>> Er enghraifft, os edrychwn ar y ffeil hon yn
fy porwr, quote.php, yn sylwi bod

8
00:00:22,530 --> 00:00:26,900
Rwyf wedi pasio i mewn, yn barod, yn symbol
o FB, i Facebook.

9
00:00:26,900 --> 00:00:31,060
Ac yn sylwi bod yr hyn sydd wedi dod yn ôl
yn gwrthrych JSON gyda thri allweddi.

10
00:00:31,060 --> 00:00:34,560
One symbol o'r enw, un o'r enw
enw, ac un pris a elwir yn.

11
00:00:34,560 --> 00:00:38,920
Mae'r gwerthoedd ohonynt yn union hynny
o'r ffeil dan sylw.

12
00:00:38,920 --> 00:00:41,680
>> Nawr, gadewch i ni droi ein sylw at y
dechreuadau rhai HTML a

13
00:00:41,680 --> 00:00:43,340
JavaScript.

14
00:00:43,340 --> 00:00:48,990
Yma, yn ajax-0.html, yn sylwi bod y tu mewn
o gorff fy nhudalen Mae gennyf ffurflen

15
00:00:48,990 --> 00:00:53,430
sydd â nodwedd onsubmit, y
gwerth sydd yn dyfynnu a dychwelyd

16
00:00:53,430 --> 00:00:57,020
ffug, a thrwy hynny yn nodi y byddwn i'n hoffi
i alw swyddogaeth JavaScript

17
00:00:57,020 --> 00:00:59,660
Gelwir dyfynbris ac wedyn yn dychwelyd ffug.

18
00:00:59,660 --> 00:01:04,459
Yn y cyfamser, y tu mewn y ffurflen yn
symbol y mae eu ID yw, dyfyniad unquote,

19
00:01:04,459 --> 00:01:07,940
"Symbol," ac yna mewnbwn arall y mae ei
fath yw cyflwyno sy'n rhoi i mi

20
00:01:07,940 --> 00:01:09,280
botwm cyflwyno.

21
00:01:09,280 --> 00:01:13,460
>> Yn y cyfamser, y tu mewn pen fy nhudalen yn,
mae tag sgript, ffynhonnell

22
00:01:13,460 --> 00:01:18,000
sef y URL i jQuery, yr union
llyfrgell JavaScript poblogaidd, ac yn is

23
00:01:18,000 --> 00:01:21,150
hynny yw tag sgript arall, tu mewn
sef y dechreuadau rhai

24
00:01:21,150 --> 00:01:23,440
JavaScript y byddaf fy hun ysgrifennu.

25
00:01:23,440 --> 00:01:26,900
Mae hyn yn y dyfyniad swyddogaeth a fydd yn
yn y pen draw yn cael eu galw, ac y tu mewn o

26
00:01:26,900 --> 00:01:31,300
yma gadewch i ni ddatgan amrywiol o'r enw
URL, yn nodi bod gwerth yr

27
00:01:31,300 --> 00:01:32,590
Bydd newidyn yn quote.php? symbol = ".

28
00:01:32,590 --> 00:01:38,090

29
00:01:38,090 --> 00:01:42,170
>> Ac yn awr gadewch i concatenate ar y diwedd
o'r llinyn cychwynnol beth bynnag symbol

30
00:01:42,170 --> 00:01:43,840
y defnyddiwr wedi teipio yn ôl pob tebyg.

31
00:01:43,840 --> 00:01:51,770
Yn benodol, gadewch i ni wneud + $ "" # symbol
a thrwy hynny yn nodi y byddwn i'n hoffi

32
00:01:51,770 --> 00:01:54,910
gael, gyda jQuery o fy DOM,
yr elfen sy'n unigryw

33
00:01:54,910 --> 00:01:56,430
dynodwr, symbol.

34
00:01:56,430 --> 00:01:59,500
Dwyn i gof bod yn syml, y testun
maes y mae'r defnyddiwr yn mynd i

35
00:01:59,500 --> 00:02:01,210
deipio bod y stoc symbol.

36
00:02:01,210 --> 00:02:05,030
>> Yna gadewch i ni ffoniwch Val, sydd yn swyddogaeth
neu ddull a fydd yn cael y

37
00:02:05,030 --> 00:02:06,740
gwerth y mae'r defnyddiwr deipio i mewn

38
00:02:06,740 --> 00:02:11,540
Ac yna gadewch i ni yn galw swyddogaeth jQuery
enw getJSON, gan fynd heibio i mewn fel y

39
00:02:11,540 --> 00:02:16,010
ddadl cyntaf y URL, gan fynd heibio i mewn, fel y
yr ail ddadl, mae dienw

40
00:02:16,010 --> 00:02:18,900
swyddogaeth sy'n disgwyl
dadl sengl.

41
00:02:18,900 --> 00:02:20,360
Data, byddwn yn ei alw.

42
00:02:20,360 --> 00:02:25,130
Ac tu mewn y swyddogaeth ddienw,
byddwn yn syml, nid oes yn effro, ac yna yn

43
00:02:25,130 --> 00:02:27,940
cromfachau, data.price.

44
00:02:27,940 --> 00:02:31,470
Pe bai data, wedi'r cyfan, yw bod JSON
gwrthwynebu gyda tri chae -

45
00:02:31,470 --> 00:02:35,100
symbol enw, a phris, drwy
gwneud data.price byddaf yn cael

46
00:02:35,100 --> 00:02:36,640
yn union gwerth.

47
00:02:36,640 --> 00:02:39,000
>> Gadewch i ni yn awr yn arbed y ffeil a
agor i fyny mewn porwr.

48
00:02:39,000 --> 00:02:42,230

49
00:02:42,230 --> 00:02:48,760
http://localhost/ajax-0.html.

50
00:02:48,760 --> 00:02:49,870
Yma, mae gennym y ffurflen honno.

51
00:02:49,870 --> 00:02:52,890
Gadewch i deipio i mewn FB i Facebook
a chael dyfynbris.

52
00:02:52,890 --> 00:02:55,070
Ac yno, felly, yw Facebook
pris stoc diweddaraf.

53
00:02:55,070 --> 00:02:58,368