1 00:00:00,000 --> 00:00:02,340 >> SPEAKER 1: Pa izvajati spletu stran, ki omogoča uporabnikom, da 2 00:00:02,340 --> 00:00:03,660 poglej gor borzne kotacije. 3 00:00:03,660 --> 00:00:07,970 Recimo, najprej, da obstaja datoteka z imenom quote.php, vendar je to 4 00:00:07,970 --> 00:00:11,110 bi se lahko izvajale v večini koli jezik, toda katerih namen v življenju je 5 00:00:11,110 --> 00:00:15,800 pričakovati HTTP get parameter z imenom simbol, vrednost, ki je 6 00:00:15,800 --> 00:00:18,120 simbol stalež, za katerega bi radi ponudbo. 7 00:00:18,120 --> 00:00:22,530 >> Na primer, če pogledamo te datoteke v moj brskalnik, quote.php, opazili, da 8 00:00:22,530 --> 00:00:26,900 Sem sprejet že kot simbol FB, za Facebook. 9 00:00:26,900 --> 00:00:31,060 In opazil, da to, kar se je vrnila je JSON objekt s tremi ključi. 10 00:00:31,060 --> 00:00:34,560 Nihče se imenuje simbol, ena se imenuje ime, in ena imenovana cena. 11 00:00:34,560 --> 00:00:38,920 Vrednosti, ki so točno to Iz spisa v vprašanju. 12 00:00:38,920 --> 00:00:41,680 >> Zdaj obrnimo našo pozornost Začetki nekaj HTML in 13 00:00:41,680 --> 00:00:43,340 JavaScript. 14 00:00:43,340 --> 00:00:48,990 Tukaj, v Ajax 0.html, opazili, da v notranjosti telesa moji strani je imam obrazec 15 00:00:48,990 --> 00:00:53,430 da ima onsubmit atribut vrednost, ki je citat in povratek 16 00:00:53,430 --> 00:00:57,020 lažni, s čimer se določi, da bi rad poklicati funkcijo JavaScript 17 00:00:57,020 --> 00:00:59,660 imenovano quote in se nato vrne false. 18 00:00:59,660 --> 00:01:04,459 Medtem, znotraj tega obrazca je simbol, katerega ID je, citiram konec citata, 19 00:01:04,459 --> 00:01:07,940 "Simbol", nato pa še vhod katerih Tip je trdita, da mi daje 20 00:01:07,940 --> 00:01:09,280 Gumb za predložitev. 21 00:01:09,280 --> 00:01:13,460 >> Medtem, znotraj glave moji strani je, je scenarij tag, vir 22 00:01:13,460 --> 00:01:18,000 ki je URL za jQuery, zelo priljubljenih JavaScript knjižnico, in pod 23 00:01:18,000 --> 00:01:21,150 da je še en scenarij tag, znotraj ki je začetki nekaterih 24 00:01:21,150 --> 00:01:23,440 JavaScript, da bom tudi sam napisati. 25 00:01:23,440 --> 00:01:26,900 To je funkcija citat, ki bo na koncu se imenuje, in notranjost 26 00:01:26,900 --> 00:01:31,300 Tu pa razglasi spremenljivko URL, določeno, da je vrednost tega 27 00:01:31,300 --> 00:01:32,590 spremenljivka je quote.php? simbol = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> In zdaj kaj je združevanje na koncu tega začetnega niza ne glede simbol 30 00:01:42,170 --> 00:01:43,840 Uporabnik je verjetno vnesli. 31 00:01:43,840 --> 00:01:51,770 Natančneje, naredimo + $ "" # simbol tako podrobno, da bi rad 32 00:01:51,770 --> 00:01:54,910 dobili, s jQuery iz mojega DOM, element katere edinstvena 33 00:01:54,910 --> 00:01:56,430 identifikator, simbol. 34 00:01:56,430 --> 00:01:59,500 Spomnimo se, da je to preprosto besedilo Polje, v katerega uporabnik bo 35 00:01:59,500 --> 00:02:01,210 vnesite ta simbol parka. 36 00:02:01,210 --> 00:02:05,030 >> Potem recimo Val, ki je funkcija ali metoda, ki bo dobil 37 00:02:05,030 --> 00:02:06,740 vrednost, ki jo uporabnik je vtipka 38 00:02:06,740 --> 00:02:11,540 In potem recimo funkcijo jQuery imenovano getJSON, ki poteka v kot 39 00:02:11,540 --> 00:02:16,010 Prvi argument, da URL, ki poteka v kot Drugi argument, anonimni 40 00:02:16,010 --> 00:02:18,900 funkcija, ki pričakuje, da bo en sam argument. 41 00:02:18,900 --> 00:02:20,360 Podatke bomo ga pokličete. 42 00:02:20,360 --> 00:02:25,130 In znotraj tega anonimnega funkcije bomo preprosto storite opozorilo, nato pa v 43 00:02:25,130 --> 00:02:27,940 oklepaje, data.price. 44 00:02:27,940 --> 00:02:31,470 Če podatki, po vsem, je, da JSON ugovarja s treh področij - 45 00:02:31,470 --> 00:02:35,100 simbol, ime, in ceno, ki jo delaš data.price bom 46 00:02:35,100 --> 00:02:36,640 točno to vrednost. 47 00:02:36,640 --> 00:02:39,000 >> Pojdimo zdaj shranite in jo odprli v brskalniku. 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 Tukaj imamo ta obrazec. 51 00:02:49,870 --> 00:02:52,890 Poglejmo stavek v FB za Facebook in dobili ponudbo. 52 00:02:52,890 --> 00:02:55,070 In tam je potem Facebook je Najnovejše cene delnic. 53 00:02:55,070 --> 00:02:58,368