1
00:00:00,200 --> 00:00:02,240
Alle rechtsaf de zoektocht route.

2
00:00:02,250 --> 00:00:27,780
Dus nogmaals willen we in staat zijn rond slash zoeken te hebben of te laten we gewoon maken het de home page slash en wij zullen een vorm we het formulier hebben uit te leggen aan deze route, die vervolgens een verzoek om API zijn, behalve dat verzoek zal een variabele hier uit de vorm en dan al het andere zal hetzelfde zullen we in staat zijn om deze route met rust te laten werken.

3
00:00:28,230 --> 00:00:44,160
Dus laten we aan toevoegen dat in apt get slash net als dat en we zullen gewoon beginnen met het renderen van een vorm die we zoeken zullen noemen.

4
00:00:45,270 --> 00:00:52,890
Dus de volgende up laten we dat de standpunten aanraking slash zoeken.

5
00:00:52,910 --> 00:00:53,200
E. J ..

6
00:00:53,220 --> 00:01:00,930
Ja en ik had een typo Tudge uitzicht slash zoeken.

7
00:01:00,950 --> 00:01:01,230
E. J ..

8
00:01:01,290 --> 00:01:03,280
Ja.

9
00:01:03,390 --> 00:01:07,850
Neem een ​​kijkje op het op een H1.

10
00:01:08,010 --> 00:01:09,940
Zoeken naar een film.

11
00:01:09,960 --> 00:01:12,910
En zoals ik al zei dat we het heel erg barebones houden hier.

12
00:01:12,930 --> 00:01:14,310
Geen styling.

13
00:01:14,310 --> 00:01:19,150
Laten we ervoor zorgen dat we zien als we de server te draaien.

14
00:01:19,200 --> 00:01:23,400
Ik ga naar de route zie ik zoek voor een film.

15
00:01:23,400 --> 00:01:24,070
Uitstekend.

16
00:01:24,300 --> 00:01:54,320
Dus laten we bouwen aan een vorm vorm en laat toe te voegen in slechts een enkele input type is gelijk aan de tekst placeholder gelijk zoekterm in en we zullen voegen in een andere input type is gelijk aan te leggen als dat.

17
00:01:54,330 --> 00:01:55,960
Dus waar zal dit formulier te gaan.

18
00:01:56,220 --> 00:02:06,370
Nou we willen dat onze resultaten wrap te onderwerpen en de resultaten zullen in heel vervolgens zorgen voor de behandeling van de API-call en dan het renderen van een sjabloon.

19
00:02:07,110 --> 00:02:30,320
Dus dat zal alleen maar tot actie slash resultaten en de methode is gewoon krijgt, zodat bijna alles als we een kijkje nemen refresh de pagina hebben we een werkelijk afschuwelijke vorm kan ik iets toevoegen hier, maar niets wordt gedaan met deze.

20
00:02:30,330 --> 00:02:39,030
Dus zelfs als ik naar Harry Potter en sloeg in te dienen zag ik krijg Iowa, maar het is het indienen van het formulier correct.

21
00:02:39,030 --> 00:02:46,680
Het raken van deze route slash resultaten en dat is het krijgen in Iowa films en waardoor de resultaten template.

22
00:02:47,280 --> 00:02:53,870
Dus we moeten nu de gegevens te nemen van dit formulier in en sluit deze aan op de API call.

23
00:02:53,880 --> 00:03:00,470
Dus het eerste wat we moeten doen is toe te voegen in onze naam attribuut, zodat we dit wat we willen kunnen bellen.

24
00:03:00,480 --> 00:03:03,180
Laten we noemen het queery.

25
00:03:03,630 --> 00:03:05,670
Nee eigenlijk dat is een beetje verwarrend.

26
00:03:05,670 --> 00:03:08,020
Dus laten we in plaats daarvan noem maar op te zoeken.

27
00:03:08,400 --> 00:03:14,580
Dus herinneren wanneer dit verzoek wordt gemaakt wanneer we leggen de vorm het gaat er net als dit.

28
00:03:14,580 --> 00:03:16,880
Ik zal je laten zien in slechts een seconde.

29
00:03:17,130 --> 00:03:18,850
Start de server.

30
00:03:19,110 --> 00:03:22,760
Dus onze data wat we hier gebracht zal worden opgeslagen en zoeken.

31
00:03:23,100 --> 00:03:31,050
Dus als we terug gaan vernieuwen en probeer iets Wat is een andere staat dat we kunnen doen.

32
00:03:31,410 --> 00:03:32,890
Laten we het doen Wyoming.

33
00:03:33,420 --> 00:03:38,420
Submit kan hier hebben we zoeken is gelijk aan Wyoming te zien.

34
00:03:38,730 --> 00:03:41,220
Onze belangrijkste waarde paar in de query string.

35
00:03:41,310 --> 00:03:44,130
Dus dat is alles wat we moeten doen voor het formulier.

36
00:03:44,160 --> 00:03:54,810
Dan binnenkant van onze app in deze route moeten we toegang krijgen tot de gegevens van die query string en plaats deze hier.

37
00:03:55,740 --> 00:03:57,630
Dus laten we beginnen simpel.

38
00:03:57,630 --> 00:03:59,360
Hoe krijgen we de gegevens van de query string.

39
00:03:59,490 --> 00:04:14,210
Nou het is een verzoek dot vraag puntjes op de naam van de of de toets van dat stuk van informatie die is zoek en dat is wat we noemden het opslaan in een variabele.

40
00:04:14,430 --> 00:04:16,780
Laten we gewoon uitprinten om te beginnen.

41
00:04:17,490 --> 00:04:20,550
Ik heb altijd graag om te beginnen mooi en eenvoudig.

42
00:04:20,550 --> 00:04:22,030
Dus ik ga hier terug.

43
00:04:22,230 --> 00:04:28,530
Laten we het doen Montana nu en je kunt zien we Montana er afgedrukt.

44
00:04:28,530 --> 00:04:35,700
Dus nu is het gewoon een kwestie van het opslaan die aan een variabele.

45
00:04:35,700 --> 00:04:44,350
Dus we zullen noemen we gewoon noemen het queery gelijk wrak die zoektocht opgevraagd.

46
00:04:44,820 --> 00:05:10,530
Dan is wat we konden doen gewoon plus queries er gelijk heeft en dat zal alleen maar toe te voegen onze zoekopdracht zijn er een gemakkelijkere manier of een schonere manier naar mijn mening in ieder geval is het AURL variabel te maken en samen te voegen hen als dit, zodat we hebben een kortere verzoek dat we hier maken we verzoeken u er niet bent.

47
00:05:10,620 --> 00:05:27,230
Dus krijgen we de vraag rector bevraagd over search dus wat de gebruiker ingevoerd in de vorm of grijpen die Montana in dit geval het redden die aan deze variabele dan reconstrueren je weet dat je alles wat er gaat uitzien als HTP colon slash slash OAM afwijken hier .

48
00:05:27,270 --> 00:05:33,670
Dot com slash vraagteken s is gelijk aan wat de gebruiker getypt in die vorm.

49
00:05:34,440 --> 00:05:36,190
En dan zijn we met behulp van dat je bent.

50
00:05:36,600 --> 00:05:37,590
En dat is het.

51
00:05:37,590 --> 00:05:52,990
Dus laten we geven het een schot gaat u naar onze vorm en zoek naar Florida en wat je weet krijgen we 10 Florida resultaten.

52
00:05:53,270 --> 00:05:58,440
Probeer het ook dit keer laten we een andere staat.

53
00:05:58,530 --> 00:06:03,110
Alabama.

54
00:06:03,120 --> 00:06:04,010
Geweldig.

55
00:06:04,530 --> 00:06:09,960
Dus de volgende ding dat we kunnen doen is slechts een paar kleine verbeteringen toegevoegd.

56
00:06:09,970 --> 00:06:19,920
Alles is een verbetering denk ik, maar het belangrijkste wat ik ben het denken over het niet de user interface, maar ik ben het denken over enkel het tonen van je gebruik van meer data.

57
00:06:19,980 --> 00:06:26,030
Dus we niet gebruiken jaar hebben we niet het type hoeven laten we gewoon gebruik maken van het jaar.

58
00:06:26,190 --> 00:06:45,030
Dus laten we gewoon doen de filmtitel Dasch het jaar dat eenvoudig genoeg moeten zijn en we zullen net als Look eruit movie jaar net als die ons zal redden als je hier kunt zien we het jaar.

59
00:06:45,570 --> 00:06:54,150
En laat ons ook toe te voegen in het vet van de filmtitel laten of cursief het jaar één.

60
00:06:55,050 --> 00:06:57,670
Laten we dit een beetje schoner hier.

61
00:06:58,220 --> 00:07:09,420
Ik denk dat technisch gezien moeten we toe te voegen aan UL en dat alles.

62
00:07:09,960 --> 00:07:11,050
OK.

63
00:07:11,430 --> 00:07:33,040
En we doen de titel en we zullen de titel Let's te sterk te maken en we kunnen dit ook inspringen om het een beetje makkelijker om te zien wat er gebeurt.

64
00:07:34,320 --> 00:07:36,280
Okee.

65
00:07:36,810 --> 00:07:40,540
Dus laten we eens kijken.

66
00:07:40,590 --> 00:07:41,040
Daar gaan we.

67
00:07:41,040 --> 00:07:46,630
We krijgen onze vet Sweet Home Alabama gek nu en dan het jaar dat is niet vet.

68
00:07:47,070 --> 00:07:47,800
Okee.

69
00:07:47,880 --> 00:07:50,610
Dus een laatste ding echt klein.

70
00:07:50,610 --> 00:07:53,410
Maar laten we voeg gewoon een terug-knop.

71
00:07:53,700 --> 00:08:03,690
Dus een een label waarop u wilt ref gelijk is aan slash gewoon opnieuw zoeken zijn.

72
00:08:04,230 --> 00:08:05,870
Dat vind ik leuk.

73
00:08:06,420 --> 00:08:08,140
En nu kunnen we opnieuw te zoeken.

74
00:08:08,640 --> 00:08:08,930
OK.

75
00:08:08,940 --> 00:08:10,230
Nog een.

76
00:08:10,260 --> 00:08:12,150
Wat er gezegd als een andere state we konden gebruiken.

77
00:08:12,180 --> 00:08:14,080
Oh laten we proberen New York.

78
00:08:14,100 --> 00:08:24,100
Dus hebben we een ruimte en toen we voorleggen gemerkt dat is automatisch een plusteken toegevoegd hun nieuwe plus.

79
00:08:24,100 --> 00:08:26,910
York en dat is wat wordt gemaakt van het.

80
00:08:26,920 --> 00:08:29,610
Of dat is wat het verzoek wordt gedaan met.

81
00:08:29,700 --> 00:08:31,220
Dus dat is het voor nu.

82
00:08:31,590 --> 00:08:35,850
Dus gewoon de sleutel afhaalrestaurants herhalen gewoon een normale route.

83
00:08:36,060 --> 00:08:38,070
We zijn net het steken van de aanvraag binnen van het.

84
00:08:38,070 --> 00:08:42,310
Als dat verzoek dan gebeurt dat we het renderen van een sjabloon.

85
00:08:42,870 --> 00:08:53,060
Het andere ding dat belangrijk is, is op de buik, want als je die string om te zetten in een JavaScript-object dat we kunnen gebruiken en dan het laatste ding was dat we het creëren van een dynamische.

86
00:08:53,130 --> 00:08:56,250
Dus het is niet altijd Californië of Iowa of wat dan ook.

87
00:08:56,250 --> 00:09:01,610
We zijn nu het toevoegen van de vragen van de gebruiker uit de query string van de vorm.