1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: La oss gjennomføre en web side som lar brukerne 2 00:00:02,340 --> 00:00:03,660 se opp aksjekurser. 3 00:00:03,660 --> 00:00:07,970 La oss anta først at det eksisterer en fil som heter quote.php, men dette 4 00:00:07,970 --> 00:00:11,110 kunne bli implementert i de fleste noen språk, men som har som formål i livet er 5 00:00:11,110 --> 00:00:15,800 å forvente en HTTP GET-parameter som heter symbol, er verdien av hvilken 6 00:00:15,800 --> 00:00:18,120 symbolet på lager som du ønsker et pristilbud. 7 00:00:18,120 --> 00:00:22,530 >> For eksempel, hvis vi ser på denne filen i nettleseren min, quote.php, legge merke til at 8 00:00:22,530 --> 00:00:26,900 Jeg har gått i, allerede, et symbol av FB, for Facebook. 9 00:00:26,900 --> 00:00:31,060 Og legg merke til at det som har kommet tilbake er en JSON objekt med tre nøkler. 10 00:00:31,060 --> 00:00:34,560 Ens kalt symbol, en som heter navn, og en som heter pris. 11 00:00:34,560 --> 00:00:38,920 Verdiene som er nettopp det fra den aktuelle filen. 12 00:00:38,920 --> 00:00:41,680 >> La oss nå vende oppmerksomheten mot den begynnelse av noen HTML og 13 00:00:41,680 --> 00:00:43,340 Javascript. 14 00:00:43,340 --> 00:00:48,990 Her, i ajax-0.html, legge merke til at innsiden på siden min kropp jeg har en form 15 00:00:48,990 --> 00:00:53,430 som har en onsubmit egenskap, at verdi som er sitat og retur 16 00:00:53,430 --> 00:00:57,020 usant, og dermed spesifisere at jeg ønsker å kalle en Javascript-funksjon 17 00:00:57,020 --> 00:00:59,660 kalt sitat og deretter returnere false. 18 00:00:59,660 --> 00:01:04,459 I mellomtiden er inne for at formen a symbol som har IDen, sitat unquote, 19 00:01:04,459 --> 00:01:07,940 "Symbol", og deretter en annen inngang som type er sende som gir meg en 20 00:01:07,940 --> 00:01:09,280 innsending knappen. 21 00:01:09,280 --> 00:01:13,460 >> I mellomtiden, inne på siden min hode, det er et script tag, kilden til 22 00:01:13,460 --> 00:01:18,000 som er nettadressen til jQuery, de aller populære Javascript-bibliotek, og under 23 00:01:18,000 --> 00:01:21,150 det er en annen script tag, innsiden av som er begynnelsen på noen 24 00:01:21,150 --> 00:01:23,440 Javascript som jeg selv vil skrive. 25 00:01:23,440 --> 00:01:26,900 Dette er sitat funksjon som vil til slutt bli kalt, og innsiden av 26 00:01:26,900 --> 00:01:31,300 her la oss erklære en variabel kalt URL, spesifisert at verdien av dette 27 00:01:31,300 --> 00:01:32,590 variable skal være quote.php? symbol = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> Og nå skal vi sette sammen på slutten av det første strengen uansett symbol 30 00:01:42,170 --> 00:01:43,840 brukeren har antagelig skrevet. 31 00:01:43,840 --> 00:01:51,770 Nærmere bestemt, la oss gjøre + $ "" #-symbol dermed spesifisere at jeg har lyst til 32 00:01:51,770 --> 00:01:54,910 få, med jQuery fra min DOM, elementet hvis unike 33 00:01:54,910 --> 00:01:56,430 identifikator, et symbol. 34 00:01:56,430 --> 00:01:59,500 Husker at det er rett og slett teksten feltet der brukeren skal 35 00:01:59,500 --> 00:02:01,210 skriver at aksjesymbol. 36 00:02:01,210 --> 00:02:05,030 >> Så la oss kalle val, som er en funksjon eller en metode som vil få 37 00:02:05,030 --> 00:02:06,740 verdi at brukerens skrevet i. 38 00:02:06,740 --> 00:02:11,540 Og så la oss kalle en jQuery-funksjon kalt getJSON, passerer inn som 39 00:02:11,540 --> 00:02:16,010 første argumentet som URL, passerer, som det andre argumentet, en anonym 40 00:02:16,010 --> 00:02:18,900 funksjon som forventer et enkelt argument. 41 00:02:18,900 --> 00:02:20,360 Data, vil vi kalle det. 42 00:02:20,360 --> 00:02:25,130 Og inne i denne anonym funksjon, vi vil bare gjøre oppmerksom, og deretter i 43 00:02:25,130 --> 00:02:27,940 parentes, data.price. 44 00:02:27,940 --> 00:02:31,470 Hvis data, tross alt, er at JSON objekt med tre felt - 45 00:02:31,470 --> 00:02:35,100 symbol, navn og pris, etter gjør data.price jeg får 46 00:02:35,100 --> 00:02:36,640 akkurat denne verdien. 47 00:02:36,640 --> 00:02:39,000 >> La oss nå lagre filen og åpne den opp i en nettleser. 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 Her har vi det skjemaet. 51 00:02:49,870 --> 00:02:52,890 La oss skrive i FB for Facebook og få tilbud. 52 00:02:52,890 --> 00:02:55,070 Og der, da, er Facebooks siste aksjekursen. 53 00:02:55,070 --> 00:02:58,368