Het eerste wat we doen is erachter te komen hoe we de vorm van gegevens uit de vorm te krijgen en we nodig hebben om terug te keren naar ons formulier en verander één klein ding die op de input die we nodig hebben om de input te geven en de naam van de naam dat wij de input zal hier de sleutel die we kijken naar door de binnenkant van de route.
En ik denk dat een goede naam zou gewoon te noemen, maar ik denk dat het een beetje verwarrend.
Dus laten we gewoon doen nieuwe vriend.
Dus de waarde van deze in dit geval Bob zal in het lichaam van het verzoek worden toegezonden en in het lichaam van het verzoek zal er een enkele eigenschap met de naam nieuwe vriend.
En het zal gelijk zijn aan Bob zijn om deze een beetje makkelijker om te zien maken.
Laten we naar de Verenigde Staten in de post uit voor ADD vriend en laten we het logboek verzoek dot lichaam te annuleren en vragen van het lichaam is een object dat alle gegevens van het verzoek lichaam zal bevatten.
En vergeet niet dat wanneer we een vorm die is het maken van een post verzoek alle de vorm gegevens in het verzoek lichaam te zetten en dan krijgt het aan onze uitdrukkelijke EP en we willen hem eruit te trekken indien het verzoek lichaam.
Dus als ik het verzoek lichaam af te drukken moeten we zien dat nieuwe vriend is gelijk aan Bob.
Maar dat gaat niet werken omdat we missen een klein stukje en ik zal je laten zien dat het niet werkt.
Laten we eerst toe in Billie Ik maakte een nieuwe vriend.
We krijgen je de post route hebt bereikt en krijgen we een constante log hier aanvragen up lichaam is niet gedefinieerd.
En dat komt omdat Express uit de doos niet daadwerkelijk het verzoek lichaam voor ons te creëren op.
We moeten expliciet vertel het aan het verzoek lichaam te nemen en zet hem in een JavaScript-object voor ons om geroepen verzoek van het lichaam te gebruiken.
Dus dat doen we eigenlijk nodig hebben om een ​​pakket met de naam Body parser installeren.
Dus NPM installeren lichaam dash parser dash dash slaan en lichaamshouding is een beetje verdwenen in en uit de uitdrukkelijke, waar op een gegeven moment werd gebundeld met de express.
Je hoefde niet om het apart te installeren.
Nu heb je het is iets dat we zullen gebruiken in elke app.
Vrijwel altijd hebben we een vorm die een gebruiker gegevens in dat we willen de gegevens te extraheren uit op de server kant.
We moeten het lichaam parser te gebruiken.
OK dus het is niet genoeg om het te installeren.
We moeten dan het hier nodig.
Dus gewoon je lichaam parser natuurlijk vereisen Adi Dasch parser en dan is het volgende wat we moeten doen is te vertellen betuigen aan het lichaam parser te gebruiken, zodat die eruit ziet als deze behoefte te gebruiken app lichaam parser doen, die is een variabele die we zojuist hebt gemaakt door het importeren van de lichaamsdelen van een pakket en dan moeten we dot doe je URL-gecodeerd en dan in plaats van hier gaan we schrijven uitgebreid waar is en ik wil niet om deze video vastlopen door te gaan te veel in detail, maar dit is als je vragen hebt kun je naar de lichaamsdelen of docs en lees over wat je bent el ongecoat doet en wat uitgebreid ware doet.
Het is een die lijnen die de hele tijd te zien en eerlijk gewoon kopieer en plak de meeste van de tijd.
Dus nu hebben we dat het opzetten als we de server nu opnieuw opstarten zonder dat het veranderen van onze code hebben we apt up bericht toe te voegen vriend en we zijn voortdurend het nemen van verzoeken uit het lichaam.
Nu als we vernieuwen Oeps! Laten we terug gaan naar het formulier slash vrienden en voeg een vriend genaamd Linda.
Ik maakte een nieuwe vriend en we kijken in de con. We zien verzoeken tot Adi is nu een object en dat is vanuit partij parser.
Dus Buddy parser nam het verzoek lichaam en ontleed het in een JavaScript-object dat heeft nieuwe vriend is gelijk aan Linda.
Dus wat we eigenlijk willen doen is vragen up lichaam Datt nieuwe vriend.
En dat zal ons de waarde van wat er ook in de vorm te geven.
En vergeet niet de nieuwe vriend is als gevolg van de eigenschap name de naam attribuut dat we die op de input wat we hier gebracht is wat we nodig hebben om het op te zoeken door de binnenkant van de route.
We willen niet alleen om te annuleren dat loggen het wel wat we willen doen is het eigenlijk toe te voegen aan de vrienden-array die wij hier gedefinieerd.
Dus het eerste wat je moet doen is het maken van een nieuwe variabele en we noemen het nieuwe vriend en we zullen gewoon opslaan verzoeken up lichaam nieuwe vriend en dan willen we ze toevoegen aan deze array, maar helaas kunnen we niet gewoon vrienden stop push nieuwe vriend, want er is een scoping probleem waarbij onze vriend alleen wordt gedefinieerd in plaats van deze functie.
En hier is er niet zoiets als vrienden.
Het is een zeer trieste wereld.
Er zijn geen vrienden.
Dus moeten we dit uit te kopiëren en te verplaatsen ergens waar het zichtbaar is voor al onze routes.
En dit is iets dat we niet zullen doen voor lang, want dit is slechts een array van vrienden en we kunnen nieuwe vrienden toe te voegen in, maar zodra de server stopt zullen ze weg te gaan en terug te zetten naar onwaarde.
Binnenkort zullen we met behulp van een database en we zullen niet zorgen te maken over de scoping kwestie.
Voor nu moeten we alleen maar om het buiten de routes te verplaatsen, zodat we het kunnen activeren via alle routes.
Dus nu vrienden stoppen push nieuwe Franse zou moeten werken en ik zal je laten zien dat.
Nu start de server terug te keren naar ons formulier hier.
Vernieuw de pagina en laat ons toe te voegen aan Jeanne.
Ik maakte een nieuwe vriend en krijgen we deze route.
Nu als we terug gaan naar vrienden Ik zie Jean is toegevoegd.
Dus dat betekent dat dit werkt, waar we het extraheren van zijn verzoeken up lichaam omhoog nieuwe vriend.
En we zijn ook te duwen in de razernij array en dan zijn we deze reactie te verzenden.
Maar het is vrij zeldzaam dat we willen een soort van antwoord als dit nadat we een nieuwe vriend.
Het merendeel van de tijd dat we niet willen om dit te zien.
Meestal we willen gewoon terug naar deze pagina te gaan en zie de nieuwe vriend en om dat te doen wat we kunnen doen is in plaats van send of in plaats van te maken kunnen we een nother methode op rez genoemd redirect te gebruiken en om te buigen.
Wel neemt de naam van een route.
En in ons geval goed ken slash vrienden en ze zullen doorverwijzen naar deze route en zij zullen de code uit te voeren binnenkant van de slash vrienden route en alles wat doet is het maakt de Franse template en passeert in de waarde van vrienden.
Dus nu als we beginnen met de server opnieuw en we gaan terug Vernieuw de pagina laten we toe te voegen in een nieuwe vriend hier.
Tina en raakte ik maakte een nieuwe vriend en je kunt zien Tina is toegevoegd.
Vergeet niet dat wij niet alleen een verblijf op deze pagina de hele tijd.
Als u dit horloge hier laat ik het opnieuw doen.
Laten we toevoegen in Jeanne.
Ik raakte Ik maakte een nieuwe vriend.
Je kunt zien dat de pagina bevat momenteel wordt vernieuwd en dat is omdat we een post verzoek ergens anders die post aanvragen wordt te ingepakt bericht te verzenden.
Ad vriend het doet enkele logica in hier.
En dan is het zeer snel wordt omgeleid ons terug naar dezelfde pagina dezelfde route die we al op.
Dus het is nauwelijks merkbaar je gewoon zien de pagina flikkering voor een tweede en zie deze kleine pictogram is de giveaway dat de pagina wordt herstemming.
Maar zoals ik al zei, als ik de server opnieuw de waarde van de vrienden-array gaat terug naar deze.
Zo verliezen we al die vrienden en we hebben geen permanentie aan onze gegevens.
We lossen dat zodra we naar databases in slechts een paar van ons.
OK.
Laten we de-kort op alles wat we hebben hier veel gedekt.
Het eerste wat we over gesproken was het opzetten van een post route en alles wat we moesten doen was app post en het werkt net als apt get behalve dat het alleen geactiveerd via de post aanvragen tot die specifieke je rij.
En dan weet je en toen zagen we hoe we een post verzoek postbode die werkt kan sturen en dan zagen we dat we een verzoek van een bericht verzoek kunnen verzenden via postbode.
En dan ook via een formulier.
En als we een formulier sturen we nodig hebben om actie en werkwijze te verschaffen en ik introduceren dit echt vroeg op toen we spraken over leeftijd om mijn formulieren en ik zei dat later in de loop je meer over wat actie en methode betekenen zou weten en wat een post verzoek is ten opzichte van een GET-verzoek.
Dus dit is dat de tijd nu waar je begint een beetje meer hoopvol over het verschil begrijpen tussen het krijgen van berichten en wat deze actie betekent en welke routes zijn toch dus we hebben een forum en het heeft geen enkele ingang en op die input die we hebben de naam attribuut en deze naam eigenschap die we de waarde hebt ingesteld om nieuwe vriend te zijn toegevoegd is hoe de gegevens worden toegevoegd aan het verzoek lichaam.
Dus toen we dit ongeacht de waarde van dit formulier wordt laten we zeggen dat Tina het gaat onder de naam van de nieuwe vriend te worden verzonden.
En dan de binnenkant van onze apparatuur kunnen we het uit te pakken met het verzoek tot Bodycount nieuwe vriend alleen als we hebben opgenomen lichaam parser die we moesten installeren NPM installeren lichaam purser en toen moesten we onze app te vertellen om het te gebruiken.
Dus apt gebruik van de parser en deze hele lijn is zal men de hele tijd te zien en als we dat doen, dat de parser het verzoek lichaam zal nemen en ontleden het in een JavaScript-object dat we kunnen gebruiken en toegang, zoals we hier deden.
En de laatste nieuwe ding dat we zagen was roodstaart redirect die een je weet zal nemen, zoals slash vriend en dat zal weer leiden tot die route en lopen de hele code binnenkant van de slash vrienden route.
Oké, ik zie je in de volgende les.