1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: Să pună în aplicare un web pagina care permite utilizatorilor să 2 00:00:02,340 --> 00:00:03,660 privi în sus cotații bursiere. 3 00:00:03,660 --> 00:00:07,970 Să presupunem mai întâi că există un fișier numit quote.php, dar acest lucru 4 00:00:07,970 --> 00:00:11,110 ar putea fi implementat în mai orice limbă, dar al căror scop în viață este 5 00:00:11,110 --> 00:00:15,800 să se aștepte un parametru get HTTP numit simbol, a căror valoare este 6 00:00:15,800 --> 00:00:18,120 simbol al stocului pentru care doriți un citat. 7 00:00:18,120 --> 00:00:22,530 >> De exemplu, dacă ne uităm la acest dosar, în browser-ul meu, quote.php, observați că 8 00:00:22,530 --> 00:00:26,900 Am trecut în, deja, un simbol de FB, pentru Facebook. 9 00:00:26,900 --> 00:00:31,060 Și observați că ceea ce a venit înapoi este un obiect JSON cu trei chei. 10 00:00:31,060 --> 00:00:34,560 Unul numit simbol, unul numit numele, și unul numit de preț. 11 00:00:34,560 --> 00:00:38,920 Valorile care sunt exact ca din dosarul în cauză. 12 00:00:38,920 --> 00:00:41,680 >> Acum, haideți să ne îndreptăm atenția spre începuturile de unele HTML și 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Aici, în ajax-0.html, observa că în interiorul din corpul paginii meu am un formular 15 00:00:48,990 --> 00:00:53,430 care are un atribut onsubmit, Valoarea de care este citat și retur 16 00:00:53,430 --> 00:00:57,020 fals, precizând astfel că mi-ar plăcea pentru a apela o funcție JavaScript 17 00:00:57,020 --> 00:00:59,660 numit citat și apoi să se întoarcă false. 18 00:00:59,660 --> 00:01:04,459 Între timp, în interiorul de care formă este o simbol al căror ID-ul este, citez, 19 00:01:04,459 --> 00:01:07,940 "Simbol", iar apoi o altă intrare a cărui tip se depune că îmi dă o 20 00:01:07,940 --> 00:01:09,280 butonul de depunere. 21 00:01:09,280 --> 00:01:13,460 >> Între timp, în interiorul capul paginii mele, există o etichetă script, sursa de 22 00:01:13,460 --> 00:01:18,000 care este URL-ul pentru jQuery, foarte populare bibliotecă JavaScript, și de mai jos 23 00:01:18,000 --> 00:01:21,150 care este un alt tag-ul script-ul, în interiorul care este începuturile unele 24 00:01:21,150 --> 00:01:23,440 JavaScript că mă voi scrie. 25 00:01:23,440 --> 00:01:26,900 Aceasta este funcția care va fi citat în cele din urmă să fie numit, și în interiorul 26 00:01:26,900 --> 00:01:31,300 aici să declare o variabilă numită URL-ul, a precizat că valoarea acestei 27 00:01:31,300 --> 00:01:32,590 variabilă trebuie să fie quote.php? simbol = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> Și acum să înlănțui pe capătul din care string inițială, indiferent de simbol 30 00:01:42,170 --> 00:01:43,840 utilizatorul a tastat probabil. 31 00:01:43,840 --> 00:01:51,770 În mod special, să facem + $ "" # simbol specificând că aș vrea să 32 00:01:51,770 --> 00:01:54,910 te, cu jQuery din DOM mea, elementul a cărui unică 33 00:01:54,910 --> 00:01:56,430 identificator, un simbol. 34 00:01:56,430 --> 00:01:59,500 Amintiți-vă că că este pur și simplu textul domeniu în care utilizatorul se va 35 00:01:59,500 --> 00:02:01,210 tip care simbol stoc. 36 00:02:01,210 --> 00:02:05,030 >> Atunci hai sa numim val, care este o funcție sau metoda care va primi 37 00:02:05,030 --> 00:02:06,740 valoare care utilizatorului tastat inch 38 00:02:06,740 --> 00:02:11,540 Și apoi să numim o funcție jquery numit getJSON, trecând în ca 39 00:02:11,540 --> 00:02:16,010 Primul argument că URL-ul, trece in, ca al doilea argument, un anonim 40 00:02:16,010 --> 00:02:18,900 funcție care așteaptă un singur argument. 41 00:02:18,900 --> 00:02:20,360 De date, vom numi. 42 00:02:20,360 --> 00:02:25,130 Și în interiorul acestei funcții anonime, vom face pur și simplu de alertă, și apoi în 43 00:02:25,130 --> 00:02:27,940 paranteze, data.price. 44 00:02:27,940 --> 00:02:31,470 Dacă datele, la urma urmei, este faptul că JSON obiect cu trei domenii - 45 00:02:31,470 --> 00:02:35,100 simbol, nume, și de preț, de face data.price voi primi 46 00:02:35,100 --> 00:02:36,640 exact ca valoare. 47 00:02:36,640 --> 00:02:39,000 >> Să salvăm acum fișierul și deschideți-l într-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 Aici avem acea formă. 51 00:02:49,870 --> 00:02:52,890 Să tastăm în FB pentru Facebook și să obțină citat. 52 00:02:52,890 --> 00:02:55,070 Și acolo, atunci, este Facebook cele mai recente prețul de vînzare. 53 00:02:55,070 --> 00:02:58,368