1 00:00:00,000 --> 00:00:02,340 >> COLUMNA 1: Imos aplicar unha web páxina que permite aos usuarios 2 00:00:02,340 --> 00:00:03,660 mirar para arriba os presupostos de accións. 3 00:00:03,660 --> 00:00:07,970 Supoñamos primeiro que hai un arquivo chamado quote.php, pero esta 4 00:00:07,970 --> 00:00:11,110 podería ser aplicado en máis calquera linguaxe, pero cuxo propósito na vida é 5 00:00:11,110 --> 00:00:15,800 esperar un get parámetro HTTP chamada símbolo, o valor do cal está o 6 00:00:15,800 --> 00:00:18,120 símbolo do material para que desexa unha cotización. 7 00:00:18,120 --> 00:00:22,530 >> Por exemplo, se olharmos para este ficheiro no meu navegador, quote.php, teña en conta que 8 00:00:22,530 --> 00:00:26,900 Eu pasei no, xa, un símbolo de FB, a Facebook. 9 00:00:26,900 --> 00:00:31,060 E teña en conta que o que veu de volta é un obxecto JSON con tres chaves. 10 00:00:31,060 --> 00:00:34,560 Un símbolo da chamada, a chamada nome, e un chamado prezo. 11 00:00:34,560 --> 00:00:38,920 Os valores de que son exactamente iso a partir do ficheiro en cuestión. 12 00:00:38,920 --> 00:00:41,680 >> Agora imos voltar a nosa atención ao inicio dun pouco de HTML e 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Aquí, en ajax-0.html, teña en conta que dentro do corpo da miña páxina eu teño un formulario 15 00:00:48,990 --> 00:00:53,430 que ten un atributo onsubmit, o valor que é cita e retorno 16 00:00:53,430 --> 00:00:57,020 falsa, especificando así que me gustaría para chamar a unha función JavaScript 17 00:00:57,020 --> 00:00:59,660 chamado cotización e, a continuación, voltar false. 18 00:00:59,660 --> 00:01:04,459 Mentres tanto, dentro do que a forma é unha símbolo cuxo ID é, entre comiñas, 19 00:01:04,459 --> 00:01:07,940 "Símbolo", e, a continuación, outra entrada, cuxo tipo é alegan que me dá unha 20 00:01:07,940 --> 00:01:09,280 botón de envío. 21 00:01:09,280 --> 00:01:13,460 >> Mentres tanto, dentro da cabeza da miña páxina, existe unha marca de guión, a fonte de 22 00:01:13,460 --> 00:01:18,000 que é o URL para jQuery, a propia biblioteca JavaScript popular, e por baixo 23 00:01:18,000 --> 00:01:21,150 que é outra etiqueta script, dentro que é o inicio dalgúns 24 00:01:21,150 --> 00:01:23,440 JavaScript que eu mesmo vou escribir. 25 00:01:23,440 --> 00:01:26,900 Esta é a función cita que vai en definitiva, ser chamado, e dentro 26 00:01:26,900 --> 00:01:31,300 aquí imos declarar unha variable chamada URL, determinado que o valor desta 27 00:01:31,300 --> 00:01:32,590 variable debe 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 imos concatenar no extremo de todo o que esta secuencia inicial símbolo 30 00:01:42,170 --> 00:01:43,840 o usuario teña presuntamente escrito. 31 00:01:43,840 --> 00:01:51,770 Especificamente, imos facer $ "" # símbolo especificando así que me gustaría 32 00:01:51,770 --> 00:01:54,910 obter, con jQuery do meu DOM, o elemento cuxa única 33 00:01:54,910 --> 00:01:56,430 identificador, un símbolo. 34 00:01:56,430 --> 00:01:59,500 Lembre que isto é simplemente o texto campo en que o usuario vai 35 00:01:59,500 --> 00:02:01,210 introduza ese símbolo stock. 36 00:02:01,210 --> 00:02:05,030 >> Entón imos chama-val, que é unha función ou método que recibirá o 37 00:02:05,030 --> 00:02:06,740 valor que o usuario inseriu dentro 38 00:02:06,740 --> 00:02:11,540 E entón imos chamar unha función jquery chamado getJSON, pasando como o 39 00:02:11,540 --> 00:02:16,010 primeiro argumento que URL, pasando, como o segundo argumento, un anónimo 40 00:02:16,010 --> 00:02:18,900 función que espera un único argumento. 41 00:02:18,900 --> 00:02:20,360 Datos, imos chamalo. 42 00:02:20,360 --> 00:02:25,130 E dentro desta función anónima, imos simplemente facer alerta e en 43 00:02:25,130 --> 00:02:27,940 parénteses, data.price. 44 00:02:27,940 --> 00:02:31,470 Se os datos, ao final, é que JSON obxecto con tres campos - 45 00:02:31,470 --> 00:02:35,100 símbolo, nome e prezo, por facendo data.price Vou pegar 46 00:02:35,100 --> 00:02:36,640 exactamente ese valor. 47 00:02:36,640 --> 00:02:39,000 >> Imos agora gardar o ficheiro e abri-lo nun 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í temos este formulario. 51 00:02:49,870 --> 00:02:52,890 Imos escribir no FB para Facebook e obter cotización. 52 00:02:52,890 --> 00:02:55,070 E aí, entón, é de Facebook último prezo de accións. 53 00:02:55,070 --> 00:02:58,368