Alle rechtsaf de zoektocht route.
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.
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.
Dus de volgende up laten we dat de standpunten aanraking slash zoeken.
E. J ..
Ja en ik had een typo Tudge uitzicht slash zoeken.
E. J ..
Ja.
Neem een ​​kijkje op het op een H1.
Zoeken naar een film.
En zoals ik al zei dat we het heel erg barebones houden hier.
Geen styling.
Laten we ervoor zorgen dat we zien als we de server te draaien.
Ik ga naar de route zie ik zoek voor een film.
Uitstekend.
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.
Dus waar zal dit formulier te gaan.
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.
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.
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.
Het raken van deze route slash resultaten en dat is het krijgen in Iowa films en waardoor de resultaten template.
Dus we moeten nu de gegevens te nemen van dit formulier in en sluit deze aan op de API call.
Dus het eerste wat we moeten doen is toe te voegen in onze naam attribuut, zodat we dit wat we willen kunnen bellen.
Laten we noemen het queery.
Nee eigenlijk dat is een beetje verwarrend.
Dus laten we in plaats daarvan noem maar op te zoeken.
Dus herinneren wanneer dit verzoek wordt gemaakt wanneer we leggen de vorm het gaat er net als dit.
Ik zal je laten zien in slechts een seconde.
Start de server.
Dus onze data wat we hier gebracht zal worden opgeslagen en zoeken.
Dus als we terug gaan vernieuwen en probeer iets Wat is een andere staat dat we kunnen doen.
Laten we het doen Wyoming.
Submit kan hier hebben we zoeken is gelijk aan Wyoming te zien.
Onze belangrijkste waarde paar in de query string.
Dus dat is alles wat we moeten doen voor het formulier.
Dan binnenkant van onze app in deze route moeten we toegang krijgen tot de gegevens van die query string en plaats deze hier.
Dus laten we beginnen simpel.
Hoe krijgen we de gegevens van de query string.
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.
Laten we gewoon uitprinten om te beginnen.
Ik heb altijd graag om te beginnen mooi en eenvoudig.
Dus ik ga hier terug.
Laten we het doen Montana nu en je kunt zien we Montana er afgedrukt.
Dus nu is het gewoon een kwestie van het opslaan die aan een variabele.
Dus we zullen noemen we gewoon noemen het queery gelijk wrak die zoektocht opgevraagd.
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.
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 .
Dot com slash vraagteken s is gelijk aan wat de gebruiker getypt in die vorm.
En dan zijn we met behulp van dat je bent.
En dat is het.
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.
Probeer het ook dit keer laten we een andere staat.
Alabama.
Geweldig.
Dus de volgende ding dat we kunnen doen is slechts een paar kleine verbeteringen toegevoegd.
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.
Dus we niet gebruiken jaar hebben we niet het type hoeven laten we gewoon gebruik maken van het jaar.
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.
En laat ons ook toe te voegen in het vet van de filmtitel laten of cursief het jaar één.
Laten we dit een beetje schoner hier.
Ik denk dat technisch gezien moeten we toe te voegen aan UL en dat alles.
OK.
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.
Okee.
Dus laten we eens kijken.
Daar gaan we.
We krijgen onze vet Sweet Home Alabama gek nu en dan het jaar dat is niet vet.
Okee.
Dus een laatste ding echt klein.
Maar laten we voeg gewoon een terug-knop.
Dus een een label waarop u wilt ref gelijk is aan slash gewoon opnieuw zoeken zijn.
Dat vind ik leuk.
En nu kunnen we opnieuw te zoeken.
OK.
Nog een.
Wat er gezegd als een andere state we konden gebruiken.
Oh laten we proberen New York.
Dus hebben we een ruimte en toen we voorleggen gemerkt dat is automatisch een plusteken toegevoegd hun nieuwe plus.
York en dat is wat wordt gemaakt van het.
Of dat is wat het verzoek wordt gedaan met.
Dus dat is het voor nu.
Dus gewoon de sleutel afhaalrestaurants herhalen gewoon een normale route.
We zijn net het steken van de aanvraag binnen van het.
Als dat verzoek dan gebeurt dat we het renderen van een sjabloon.
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.
Dus het is niet altijd Californië of Iowa of wat dan ook.
We zijn nu het toevoegen van de vragen van de gebruiker uit de query string van de vorm.