1
00:00:00,000 --> 00:00:02,340
>> ALTAVOZ 1: Vamos a implementar una red
página que permite a los usuarios

2
00:00:02,340 --> 00:00:03,660
buscar cotizaciones de bolsa.

3
00:00:03,660 --> 00:00:07,970
Supongamos primero que existe
un archivo llamado quote.php, pero esta

4
00:00:07,970 --> 00:00:11,110
podría ser implementado en la mayoría de cualquier
lenguaje, pero cuyo propósito en la vida es

5
00:00:11,110 --> 00:00:15,800
esperar que un parámetro GET HTTP llamado
símbolo, cuyo valor es la

6
00:00:15,800 --> 00:00:18,120
símbolo de las acciones para las que
desea una cotización.

7
00:00:18,120 --> 00:00:22,530
>> Por ejemplo, si nos fijamos en el archivo de
mi navegador, quote.php, observe que

8
00:00:22,530 --> 00:00:26,900
He pasado en, ya, un símbolo
de FB, de Facebook.

9
00:00:26,900 --> 00:00:31,060
Y note que lo que ha vuelto a aparecer
es un objeto JSON con tres llaves.

10
00:00:31,060 --> 00:00:34,560
Uno de llamada símbolo, uno llamado
nombre, y un precio llamado.

11
00:00:34,560 --> 00:00:38,920
Los valores de los que son exactamente eso
desde el archivo en cuestión.

12
00:00:38,920 --> 00:00:41,680
>> Ahora vamos a centrar nuestra atención en el
inicios de algo de HTML y

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

14
00:00:43,340 --> 00:00:48,990
Aquí, en ajax-0.html, observe que en el interior
del cuerpo de mi página tengo un formulario

15
00:00:48,990 --> 00:00:53,430
que tiene un atributo onsubmit, la
Valor de las cuales es la cita y la de regreso

16
00:00:53,430 --> 00:00:57,020
falsa, especificando con ello que me gustaría
para llamar a una función de JavaScript

17
00:00:57,020 --> 00:00:59,660
llamado cita y luego devolver false.

18
00:00:59,660 --> 00:01:04,459
Mientras tanto, dentro de esa forma es un
símbolo cuyo identificador es, entre comillas,

19
00:01:04,459 --> 00:01:07,940
"Símbolo", y luego otro de entrada cuyo
tipo se someta eso me da una

20
00:01:07,940 --> 00:01:09,280
botón de envío.

21
00:01:09,280 --> 00:01:13,460
>> Mientras tanto, dentro de la cabeza de mi página,
hay una etiqueta de script, la fuente de

22
00:01:13,460 --> 00:01:18,000
que es el URL para jQuery, la misma
popular librería JavaScript, y por debajo de

23
00:01:18,000 --> 00:01:21,150
esa es otra etiqueta script, dentro de
que es el comienzo de algunos

24
00:01:21,150 --> 00:01:23,440
JavaScript que yo mismo escribiré.

25
00:01:23,440 --> 00:01:26,900
Esta es la función que se cita
en última instancia, ser llamado, y en el interior de

26
00:01:26,900 --> 00:01:31,300
aquí vamos a declarar una variable llamada
URL, se especifica que el valor de este

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

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

29
00:01:38,090 --> 00:01:42,170
>> Y ahora vamos a concatenar en el extremo
de esa cadena inicial cualquier símbolo

30
00:01:42,170 --> 00:01:43,840
el usuario probablemente ha escrito.

31
00:01:43,840 --> 00:01:51,770
En concreto, vamos a hacer + $ "" símbolo #
especificando con ello que me gustaría

32
00:01:51,770 --> 00:01:54,910
obtener, con jquery de mi DOM,
el elemento cuya única

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

34
00:01:56,430 --> 00:01:59,500
Recordemos que esto es simplemente el texto
campo en el que el usuario va a

35
00:01:59,500 --> 00:02:01,210
escriba que símbolo de cotización.

36
00:02:01,210 --> 00:02:05,030
>> Entonces vamos a llamar val, que es una función
o el método que va a obtener el

37
00:02:05,030 --> 00:02:06,740
valor que el usuario escribió pulg

38
00:02:06,740 --> 00:02:11,540
Y luego vamos a llamar a una función de jQuery
llamado getJSON, pasando como

39
00:02:11,540 --> 00:02:16,010
primer argumento de que el URL, pasando, como
el segundo argumento, un anónimo

40
00:02:16,010 --> 00:02:18,900
función que espera
un solo argumento.

41
00:02:18,900 --> 00:02:20,360
Datos, lo llamaremos.

42
00:02:20,360 --> 00:02:25,130
Y dentro de esta función en el anonimato,
vamos simplemente hacemos alerta, y luego en

43
00:02:25,130 --> 00:02:27,940
paréntesis, data.price.

44
00:02:27,940 --> 00:02:31,470
Si los datos, después de todo, es que JSON
objeto con tres campos -

45
00:02:31,470 --> 00:02:35,100
símbolo, el nombre, y el precio, por
haciendo data.price Voy

46
00:02:35,100 --> 00:02:36,640
exactamente ese valor.

47
00:02:36,640 --> 00:02:39,000
>> Ahora vamos a guardar el archivo y
abrirlo en un 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
Aquí tenemos esa forma.

51
00:02:49,870 --> 00:02:52,890
Escribamos en FB para Facebook
y obtener la cita.

52
00:02:52,890 --> 00:02:55,070
Y allí, entonces, es de Facebook
último precio de las acciones.

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