1 00:00:00,000 --> 00:00:02,340 >> LUIDSPREKER 1: Laten we implementeren van een web pagina die gebruikers in staat stelt om 2 00:00:02,340 --> 00:00:03,660 opzoeken aandelenkoersen. 3 00:00:03,660 --> 00:00:07,970 Laten we veronderstellen eerst dat er een bestand genaamd quote.php, maar dit 4 00:00:07,970 --> 00:00:11,110 in het meest wordt uitgevoerd elke taal, maar waarvan het doel in het leven is 5 00:00:11,110 --> 00:00:15,800 een HTTP GET parameter genaamd verwachten symbool, de waarde waarvan de 6 00:00:15,800 --> 00:00:18,120 symbool van de voorraad voor die u wilt een offerte. 7 00:00:18,120 --> 00:00:22,530 >> Bijvoorbeeld, als we kijken naar dit bestand in mijn browser, quote.php, merken dat 8 00:00:22,530 --> 00:00:26,900 Ik heb aangenomen in, al, een symbool van FB, voor Facebook. 9 00:00:26,900 --> 00:00:31,060 En merk op dat wat terug is gekomen is een JSON object met drie sleutels. 10 00:00:31,060 --> 00:00:34,560 Een heet symbool, een zogenaamde te noemen, en een zogenaamde prijs. 11 00:00:34,560 --> 00:00:38,920 De waarden die precies dat van het bestand in kwestie. 12 00:00:38,920 --> 00:00:41,680 >> Laten we nu onze aandacht richten op de begin van een aantal HTML en 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Hier, in ajax-0.html, merken dat binnen van mijn pagina's lichaam Ik heb een vorm 15 00:00:48,990 --> 00:00:53,430 dat heeft een onsubmit kenmerk, de waarde van die offerte en terugkeer 16 00:00:53,430 --> 00:00:57,020 vals, waarin wordt vastgelegd dat ik zou willen naar een JavaScript-functie aan te roepen 17 00:00:57,020 --> 00:00:59,660 riep citaat en dan return false. 18 00:00:59,660 --> 00:01:04,459 Ondertussen binnenkant van die vorm een symbool wiens ID is, citaat unquote, 19 00:01:04,459 --> 00:01:07,940 "Symbool," en dan een andere ingang waarvan type is van mening dat geeft me een 20 00:01:07,940 --> 00:01:09,280 indiening knop. 21 00:01:09,280 --> 00:01:13,460 >> Ondertussen, de binnenkant van mijn pagina's hoofd, er is een script-tag, de bron van 22 00:01:13,460 --> 00:01:18,000 dat is de URL naar jQuery, de zeer populaire JavaScript-bibliotheek, en onder 23 00:01:18,000 --> 00:01:21,150 dat is een ander script-tag, de binnenkant van die het begin van sommige 24 00:01:21,150 --> 00:01:23,440 JavaScript dat ik zelf zal schrijven. 25 00:01:23,440 --> 00:01:26,900 Dit is het citaat functie die zal Uiteindelijk worden genoemd, en de binnenkant van 26 00:01:26,900 --> 00:01:31,300 hier laten we verklaren een variabele genaamd URL bepaald dat de waarde van deze 27 00:01:31,300 --> 00:01:32,590 variabele is quote.php? symbool = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> En laten we nu samenvoegen op het uiteinde van die eerste reeks wat symbool 30 00:01:42,170 --> 00:01:43,840 de gebruiker vermoedelijk heeft getypt. 31 00:01:43,840 --> 00:01:51,770 In het bijzonder, laten we het doen + $ "" # symbool waarin wordt vastgelegd dat ik zou willen 32 00:01:51,770 --> 00:01:54,910 krijgen, met jQuery uit mijn DOM, het element wiens unieke 33 00:01:54,910 --> 00:01:56,430 identifier, een symbool. 34 00:01:56,430 --> 00:01:59,500 Bedenk dat dat is gewoon de tekst veld waarin de gebruiker gaat 35 00:01:59,500 --> 00:02:01,210 typt dat aandelensymbool. 36 00:02:01,210 --> 00:02:05,030 >> Laten we dan noemen val, die een functie is of methode die krijgt de 37 00:02:05,030 --> 00:02:06,740 waarde die de gebruiker intikt 38 00:02:06,740 --> 00:02:11,540 En dan laten we noemen een jQuery functie riep getJSON, passeren in de 39 00:02:11,540 --> 00:02:16,010 eerste argument dat URL, passeren in, zoals het tweede argument, een anonieme 40 00:02:16,010 --> 00:02:18,900 functie die verwacht een enkel argument. 41 00:02:18,900 --> 00:02:20,360 Gegevens, zullen we het noemen. 42 00:02:20,360 --> 00:02:25,130 En de binnenkant van deze anonieme functie, zullen we gewoon doen alert, en vervolgens in 43 00:02:25,130 --> 00:02:27,940 haakjes data.price. 44 00:02:27,940 --> 00:02:31,470 Indien gegevens, immers is dat JSON object met drie velden - 45 00:02:31,470 --> 00:02:35,100 symbool, de naam, en de prijs, door doen data.price Ik krijg 46 00:02:35,100 --> 00:02:36,640 precies die waarde. 47 00:02:36,640 --> 00:02:39,000 >> Laten we nu het bestand opslaan en open het in een 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 Hier hebben we die vorm. 51 00:02:49,870 --> 00:02:52,890 Laten we typen FB Facebook en offerte aanvragen. 52 00:02:52,890 --> 00:02:55,070 En daar is dan Facebook laatste beurskoers. 53 00:02:55,070 --> 00:02:58,368