1
00:00:00,000 --> 00:00:02,340
>> INTERLOCUTEUR 1: Implémentons un web
page qui permet aux utilisateurs de

2
00:00:02,340 --> 00:00:03,660
rechercher des cotations boursières.

3
00:00:03,660 --> 00:00:07,970
Supposons d'abord qu'il existe
un fichier appelé quote.php, mais ce

4
00:00:07,970 --> 00:00:11,110
pourraient être mis en œuvre dans n'importe quel plus
langue, mais dont le but dans la vie est

5
00:00:11,110 --> 00:00:15,800
de s'attendre à un paramètre HTTP GET appelé
symbole, la valeur de ce qui est le

6
00:00:15,800 --> 00:00:18,120
symbole de l'action pour laquelle
vous souhaitez un devis.

7
00:00:18,120 --> 00:00:22,530
>> Par exemple, si nous regardons ce fichier dans
mon navigateur, quote.php, notez que

8
00:00:22,530 --> 00:00:26,900
J'ai passé dans, déjà, un symbole
de FB, pour Facebook.

9
00:00:26,900 --> 00:00:31,060
Et notez que ce a revenir
est un objet JSON avec trois touches.

10
00:00:31,060 --> 00:00:34,560
One appelé symbole, l'un appelé
nom, et un prix appelé.

11
00:00:34,560 --> 00:00:38,920
Dont les valeurs sont exactement que
à partir du fichier en question.

12
00:00:38,920 --> 00:00:41,680
>> Passons maintenant notre attention sur la
débuts de code HTML et

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

14
00:00:43,340 --> 00:00:48,990
Ici, dans ajax-0.html, vous remarquerez que l'intérieur
du corps de ma page j'ai un formulaire

15
00:00:48,990 --> 00:00:53,430
qui a un attribut onsubmit, l'
valeur de ce qui est la citation et le retour

16
00:00:53,430 --> 00:00:57,020
faux, spécifiant ainsi que je voudrais
pour appeler une fonction JavaScript

17
00:00:57,020 --> 00:00:59,660
appelé devis et ensuite retourner false.

18
00:00:59,660 --> 00:01:04,459
Pendant ce temps, à l'intérieur de cette forme est une
symbole dont l'ID est, entre guillemets,

19
00:01:04,459 --> 00:01:07,940
"Symbole", et puis une autre entrée dont
type est de présenter cela me donne une

20
00:01:07,940 --> 00:01:09,280
bouton de soumission.

21
00:01:09,280 --> 00:01:13,460
>> Pendant ce temps, à l'intérieur de la tête de ma page,
il est une balise de script, la source de

22
00:01:13,460 --> 00:01:18,000
qui est l'URL de jQuery, la très
bibliothèque JavaScript populaire, et au-dessous

23
00:01:18,000 --> 00:01:21,150
c'est une autre balise script, à l'intérieur de
qui est le début de quelque

24
00:01:21,150 --> 00:01:23,440
JavaScript que je me vais écrire.

25
00:01:23,440 --> 00:01:26,900
C'est la fonction de citation qui sera
en fin de compte être appelé, et à l'intérieur de

26
00:01:26,900 --> 00:01:31,300
ici, nous allons déclarer une variable appelée
URL spécifié que la valeur de ce

27
00:01:31,300 --> 00:01:32,590
variable doit quote.php? symbole = ".

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

29
00:01:38,090 --> 00:01:42,170
>> Et maintenant, nous allons concaténer sur la fin
de cette chaîne initiale tout ce symbole

30
00:01:42,170 --> 00:01:43,840
l'utilisateur a probablement tapé.

31
00:01:43,840 --> 00:01:51,770
Plus précisément, nous allons le faire + $ "" # symbole
spécifiant ainsi que je voudrais

32
00:01:51,770 --> 00:01:54,910
obtenir, avec jquery de mon DOM,
l'élément dont uniques

33
00:01:54,910 --> 00:01:56,430
identifiant, un symbole.

34
00:01:56,430 --> 00:01:59,500
Rappelons que c'est simplement le texte
champ dans lequel l'utilisateur va

35
00:01:59,500 --> 00:02:01,210
tapez ce symbole boursier.

36
00:02:01,210 --> 00:02:05,030
>> Alors appelons val, qui est une fonction
ou une méthode qui obtiendra le

37
00:02:05,030 --> 00:02:06,740
valeur de l'utilisateur a tapé po

38
00:02:06,740 --> 00:02:11,540
Et puis nous allons appeler une fonction jQuery
appelé getJSON, en passant que le

39
00:02:11,540 --> 00:02:16,010
premier argument que l'URL, en passant, que
le second argument, un anonyme

40
00:02:16,010 --> 00:02:18,900
fonction qui attend
un seul argument.

41
00:02:18,900 --> 00:02:20,360
Données, que nous allons appeler.

42
00:02:20,360 --> 00:02:25,130
Et à l'intérieur de cette fonction anonyme,
nous faisons simplement alerte, puis en

43
00:02:25,130 --> 00:02:27,940
parenthèses, data.price.

44
00:02:27,940 --> 00:02:31,470
Si les données, après tout, est que JSON
objet avec trois domaines -

45
00:02:31,470 --> 00:02:35,100
symbole, le nom, et le prix, par
faire data.price je vais

46
00:02:35,100 --> 00:02:36,640
exactement cette valeur.

47
00:02:36,640 --> 00:02:39,000
>> Voyons maintenant enregistrer le fichier et
l'ouvrir dans un navigateur.

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
Ici, nous avons cette forme.

51
00:02:49,870 --> 00:02:52,890
Tapons dans FB pour Facebook
et obtenir des devis.

52
00:02:52,890 --> 00:02:55,070
Et là, alors, est de Facebook
dernier cours boursier.

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