1 00:00:00,000 --> 00:00:02,340 >> Spreker 1: Kom ons implementeer 'n web bladsy wat gebruikers toelaat om te 2 00:00:02,340 --> 00:00:03,660 kyk voorraadkwotasies. 3 00:00:03,660 --> 00:00:07,970 Kom ons veronderstel eerste dat daar 'n lêer genaamd quote.php, maar dit 4 00:00:07,970 --> 00:00:11,110 in die meeste geïmplementeer kan word om enige taal nie, maar wie se doel in die lewe is 5 00:00:11,110 --> 00:00:15,800 'n HTTP GET parameter genoem om te verwag simbool, die waarde van wat is die 6 00:00:15,800 --> 00:00:18,120 simbool van die voorraad vir wat jy wil 'n kwotasie. 7 00:00:18,120 --> 00:00:22,530 >> Byvoorbeeld, as ons kyk na hierdie lêer in my leser, quote.php, sien dat 8 00:00:22,530 --> 00:00:26,900 Ek het geslaag in, wat reeds 'n simbool FB, vir Facebook. 9 00:00:26,900 --> 00:00:31,060 En sien dat dit wat terug te kom is 'n into voorwerp met drie sleutels. 10 00:00:31,060 --> 00:00:34,560 'N Mens se sogenaamde simbool, een wat geroep noem, en een wat geroep is die prys. 11 00:00:34,560 --> 00:00:38,920 Die waardes van wat presies dit van die lêer in die vraag. 12 00:00:38,920 --> 00:00:41,680 >> Nou laat ons aandag aan die begin van sommige 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, sien dat die binnekant van my bladsy se liggaam Ek het 'n vorm 15 00:00:48,990 --> 00:00:53,430 wat 'n onsubmit kenmerk, die waarde is kwotasie en terugkeer 16 00:00:53,430 --> 00:00:57,020 vals is, en daardeur spesifiseer dat ek wil 'n JavaScript-funksie te roep 17 00:00:57,020 --> 00:00:59,660 genoem kwotasie en dan terug onwaar. 18 00:00:59,660 --> 00:01:04,459 Intussen, in daardie vorm is 'n simbool in wie se ID is, quote unquote, 19 00:01:04,459 --> 00:01:07,940 "Simbool", en dan die ander insette wie se tipe word indien dit gee my 'n 20 00:01:07,940 --> 00:01:09,280 voorlegging knoppie. 21 00:01:09,280 --> 00:01:13,460 >> Intussen, binnekant van my bladsy se kop, daar is 'n script tag, die bron van 22 00:01:13,460 --> 00:01:18,000 wat is die URL te jQuery, die einste gewilde JavaScript biblioteek, en onder 23 00:01:18,000 --> 00:01:21,150 dit is 'n ander script tag, binnekant van wat is die begin van 'n paar 24 00:01:21,150 --> 00:01:23,440 JavaScript dat ek myself sal skryf. 25 00:01:23,440 --> 00:01:26,900 Dit is die quote funksie wat sal uiteindelik genoem word, en binnekant van 26 00:01:26,900 --> 00:01:31,300 hier kom ons verklaar 'n veranderlike genoem URL, bepaal dat die waarde van hierdie 27 00:01:31,300 --> 00:01:32,590 veranderlike sal quote.php? simbool = ". 28 00:01:32,590 --> 00:01:38,090 29 00:01:38,090 --> 00:01:42,170 >> En nou, laat ons koppel op die einde van dat die aanvanklike string watter simbool 30 00:01:42,170 --> 00:01:43,840 die gebruiker het vermoedelik getik. 31 00:01:43,840 --> 00:01:51,770 Spesifiek, kom ons doen + $ "" # simbool sodoende spesifiseer dat ek wil 32 00:01:51,770 --> 00:01:54,910 kry, met jQuery van my DOM, die element se unieke 33 00:01:54,910 --> 00:01:56,430 identifikasie, 'n simbool. 34 00:01:56,430 --> 00:01:59,500 Onthou dat dit is net die teks gebied waarin die gebruiker gaan 35 00:01:59,500 --> 00:02:01,210 tik dat die voorraad-simbool. 36 00:02:01,210 --> 00:02:05,030 >> Dan kom ons noem val, wat is 'n funksie of metode wat sal kry om die 37 00:02:05,030 --> 00:02:06,740 waarde wat die gebruiker se getik in 38 00:02:06,740 --> 00:02:11,540 En dan kom ons noem 'n jQuery funksie genoem getJSON, verby in die 39 00:02:11,540 --> 00:02:16,010 eerste argument dat URL, verby in, soos die tweede argument, 'n anonieme 40 00:02:16,010 --> 00:02:18,900 funksie wat verwag 'n enkele argument. 41 00:02:18,900 --> 00:02:20,360 Data, sal ons dit noem. 42 00:02:20,360 --> 00:02:25,130 En binnekant van hierdie anonieme funksie, Ons sal eenvoudig nie wakker, en dan in 43 00:02:25,130 --> 00:02:27,940 hakies, data.price. 44 00:02:27,940 --> 00:02:31,470 As die data, na alles, is dat into beswaar met drie velde - 45 00:02:31,470 --> 00:02:35,100 simbool, die naam, en die prys, deur doen data.price ek kry 46 00:02:35,100 --> 00:02:36,640 presies wat waarde. 47 00:02:36,640 --> 00:02:39,000 >> Kom ons nou die lêer stoor en oop te maak in 'n leser. 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 het ons daardie vorm. 51 00:02:49,870 --> 00:02:52,890 Kom ons tik in FB Facebook en kry kwotasie. 52 00:02:52,890 --> 00:02:55,070 En daar, dan is Facebook se jongste voorraad prys. 53 00:02:55,070 --> 00:02:58,368