1
00:00:00,000 --> 00:00:02,340
>> COLUNA 1: Vamos implementar uma web
página que permite aos usuários

2
00:00:02,340 --> 00:00:03,660
olhar para cima as cotações de ações.

3
00:00:03,660 --> 00:00:07,970
Vamos supor primeiro que existe
um arquivo chamado quote.php, mas esta

4
00:00:07,970 --> 00:00:11,110
poderia ser implementado em mais qualquer
linguagem, mas cujo propósito na vida é

5
00:00:11,110 --> 00:00:15,800
esperar um get parâmetro HTTP chamado
símbolo, o valor do qual está o

6
00:00:15,800 --> 00:00:18,120
símbolo do material para que
você gostaria de uma cotação.

7
00:00:18,120 --> 00:00:22,530
>> Por exemplo, se olharmos para este arquivo no
meu navegador, quote.php, observe que

8
00:00:22,530 --> 00:00:26,900
Eu passei no, já, um símbolo
de FB, para o Facebook.

9
00:00:26,900 --> 00:00:31,060
E note que o que veio de volta
é um objeto JSON com três chaves.

10
00:00:31,060 --> 00:00:34,560
Um símbolo da chamada, uma chamada
nome, e um chamado preço.

11
00:00:34,560 --> 00:00:38,920
Os valores de que são exatamente isso
a partir do arquivo em questão.

12
00:00:38,920 --> 00:00:41,680
>> Agora vamos voltar nossa atenção para o
início de um pouco de HTML e

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

14
00:00:43,340 --> 00:00:48,990
Aqui, em ajax-0.html, observe que dentro
do corpo da minha página eu tenho um formulário

15
00:00:48,990 --> 00:00:53,430
que tem um atributo onsubmit, o
valor que é citação e retorno

16
00:00:53,430 --> 00:00:57,020
falsa, especificando assim que eu gostaria
para chamar uma função JavaScript

17
00:00:57,020 --> 00:00:59,660
chamado cotação e, em seguida, retornar false.

18
00:00:59,660 --> 00:01:04,459
Enquanto isso, dentro do que a forma é uma
símbolo cujo ID é, entre aspas,

19
00:01:04,459 --> 00:01:07,940
"Símbolo", e, em seguida, uma outra entrada, cujo
tipo é alegam que me dá uma

20
00:01:07,940 --> 00:01:09,280
botão de submissão.

21
00:01:09,280 --> 00:01:13,460
>> Enquanto isso, dentro da cabeça de minha página,
existe uma marca de script, a fonte de

22
00:01:13,460 --> 00:01:18,000
que é o URL para jquery, a própria
biblioteca JavaScript popular, e abaixo

23
00:01:18,000 --> 00:01:21,150
que é uma outra tag script, dentro de
que é o início de alguns

24
00:01:21,150 --> 00:01:23,440
JavaScript que eu mesmo vou escrever.

25
00:01:23,440 --> 00:01:26,900
Esta é a função citação que vai
em última análise, ser chamado, e dentro de

26
00:01:26,900 --> 00:01:31,300
aqui vamos declarar uma variável chamada
URL, determinado que o valor desta

27
00:01:31,300 --> 00:01:32,590
variável deve ser quote.php? símbolo = ".

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

29
00:01:38,090 --> 00:01:42,170
>> E agora vamos concatenar na extremidade
de tudo o que essa seqüência inicial símbolo

30
00:01:42,170 --> 00:01:43,840
o usuário tenha presumivelmente digitado.

31
00:01:43,840 --> 00:01:51,770
Especificamente, vamos fazer + $ "" # símbolo
especificando assim que eu gostaria de

32
00:01:51,770 --> 00:01:54,910
obter, com jquery do meu DOM,
o elemento cuja única

33
00:01:54,910 --> 00:01:56,430
identificador, um símbolo.

34
00:01:56,430 --> 00:01:59,500
Lembre-se que isso é simplesmente o texto
campo em que o usuário vai

35
00:01:59,500 --> 00:02:01,210
digite esse símbolo estoque.

36
00:02:01,210 --> 00:02:05,030
>> Então vamos chamá-val, que é uma função
ou método que receberá o

37
00:02:05,030 --> 00:02:06,740
valor que o usuário digitou dentro

38
00:02:06,740 --> 00:02:11,540
E então vamos chamar uma função jquery
chamado getJSON, passando como o

39
00:02:11,540 --> 00:02:16,010
primeiro argumento que URL, passando, como
o segundo argumento, um anônimo

40
00:02:16,010 --> 00:02:18,900
função que espera
um único argumento.

41
00:02:18,900 --> 00:02:20,360
Dados, vamos chamá-lo.

42
00:02:20,360 --> 00:02:25,130
E dentro desta função anônima,
vamos simplesmente fazer alerta e em

43
00:02:25,130 --> 00:02:27,940
parênteses, data.price.

44
00:02:27,940 --> 00:02:31,470
Se os dados, afinal, é que JSON
objeto com três campos -

45
00:02:31,470 --> 00:02:35,100
símbolo, nome e preço, por
fazendo data.price Vou pegar

46
00:02:35,100 --> 00:02:36,640
exatamente esse valor.

47
00:02:36,640 --> 00:02:39,000
>> Vamos agora salvar o arquivo e
abri-lo em um navegador.

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
Aqui temos esse formulário.

51
00:02:49,870 --> 00:02:52,890
Vamos digitar no FB para Facebook
e obter cotação.

52
00:02:52,890 --> 00:02:55,070
E aí, então, é do Facebook
último preço de ações.

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