1
00:00:00,000 --> 00:00:02,340
>> SPEAKER 1: Cerchiamo di attuare un web
pagina che consente agli utenti di

2
00:00:02,340 --> 00:00:03,660
cercare quotazioni di borsa.

3
00:00:03,660 --> 00:00:07,970
Supponiamo in primo luogo che non esiste
un file chiamato quote.php, ma questo

4
00:00:07,970 --> 00:00:11,110
potrebbe essere implementato nella maggior parte qualsiasi
linguaggio, ma il cui scopo nella vita è

5
00:00:11,110 --> 00:00:15,800
aspettarsi un parametro get HTTP chiamato
simbolo, il cui valore è la

6
00:00:15,800 --> 00:00:18,120
simbolo dello stock per il quale
vuoi un preventivo.

7
00:00:18,120 --> 00:00:22,530
>> Per esempio, se guardiamo a questo file in
il mio browser, quote.php, si noti che

8
00:00:22,530 --> 00:00:26,900
Ho passato in, già, un simbolo
di FB, per Facebook.

9
00:00:26,900 --> 00:00:31,060
E notate che ciò che è tornato
è un oggetto JSON con tre chiavi.

10
00:00:31,060 --> 00:00:34,560
Uno di chiamata simbolo, uno chiamato
nome, e uno chiamato prezzo.

11
00:00:34,560 --> 00:00:38,920
I cui valori sono esattamente che
dal file in questione.

12
00:00:38,920 --> 00:00:41,680
>> Ora la nostra attenzione alla
inizi del codice HTML e

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

14
00:00:43,340 --> 00:00:48,990
Qui, in ajax-0.html, notare che all'interno
del corpo di mia pagina ho un modulo

15
00:00:48,990 --> 00:00:53,430
che ha un onsubmit, l'
valore che è preventivo e ritorno

16
00:00:53,430 --> 00:00:57,020
falso, specificando in tal modo che mi piacerebbe
per chiamare una funzione JavaScript

17
00:00:57,020 --> 00:00:59,660
chiamato preventivo e quindi restituire false.

18
00:00:59,660 --> 00:01:04,459
Nel frattempo, all'interno di tale forma è un
simbolo il cui ID è, tra virgolette,

19
00:01:04,459 --> 00:01:07,940
"Simbolo", e poi un altro ingresso il cui
tipo viene sostengono che mi dà un

20
00:01:07,940 --> 00:01:09,280
pulsante di invio.

21
00:01:09,280 --> 00:01:13,460
>> Nel frattempo, all'interno della testa di mia pagina,
c'è un tag script, la fonte di

22
00:01:13,460 --> 00:01:18,000
che è l'URL jquery, molto
popolare libreria JavaScript, e al di sotto

23
00:01:18,000 --> 00:01:21,150
questo è un altro tag script, all'interno di
che è l'inizio di alcuni

24
00:01:21,150 --> 00:01:23,440
JavaScript che io stesso scriverò.

25
00:01:23,440 --> 00:01:26,900
Questa è la funzione citazione che sarà
infine essere chiamato, e all'interno di

26
00:01:26,900 --> 00:01:31,300
qui cerchiamo di dichiarare una variabile chiamata
URL, specificato che il valore di questa

27
00:01:31,300 --> 00:01:32,590
variabile deve essere quote.php? symbol = ".

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

29
00:01:38,090 --> 00:01:42,170
>> E ora cerchiamo di concatenare sull'estremità
di tale stringa iniziale qualunque simbolo

30
00:01:42,170 --> 00:01:43,840
l'utente ha presumibilmente digitato.

31
00:01:43,840 --> 00:01:51,770
In particolare, facciamolo + $ "" simbolo #
specificando in tal modo che mi piacerebbe

32
00:01:51,770 --> 00:01:54,910
ottenere, con jquery dal mio DOM,
l'elemento la cui unica

33
00:01:54,910 --> 00:01:56,430
identificatore, un simbolo.

34
00:01:56,430 --> 00:01:59,500
Ricordiamo che questo è semplicemente il testo
campo in cui l'utente sta per

35
00:01:59,500 --> 00:02:01,210
digitare tale simbolo azionario.

36
00:02:01,210 --> 00:02:05,030
>> Allora chiamiamola val, che è una funzione
o un metodo che otterrà il

37
00:02:05,030 --> 00:02:06,740
valore che l'utente ha digitato dentro

38
00:02:06,740 --> 00:02:11,540
E allora chiamiamola una funzione jquery
chiamato getJSON, passando come

39
00:02:11,540 --> 00:02:16,010
primo argomento che URL, passando, come
il secondo argomento, un anonimo

40
00:02:16,010 --> 00:02:18,900
funzione che prevede
un singolo argomento.

41
00:02:18,900 --> 00:02:20,360
I dati, che chiameremo.

42
00:02:20,360 --> 00:02:25,130
E all'interno di questa funzione anonima,
faremo semplicemente facciamo avviso e fare in

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

44
00:02:27,940 --> 00:02:31,470
Se i dati, dopo tutto, è che JSON
oggetto con tre campi -

45
00:02:31,470 --> 00:02:35,100
simbolo, il nome, e il prezzo, da
facendo data.price Prendo

46
00:02:35,100 --> 00:02:36,640
esattamente questo valore.

47
00:02:36,640 --> 00:02:39,000
>> Passiamo ora salvare il file e
aprirlo in un browser.

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
Qui abbiamo quella forma.

51
00:02:49,870 --> 00:02:52,890
Proviamo quindi a digitare in FB per Facebook
e ottenere preventivo.

52
00:02:52,890 --> 00:02:55,070
E lì, poi, è di Facebook
ultimo prezzo delle azioni.

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