Pierwszą rzeczą, którą zrobimy, to dowiedzieć się, jak uzyskać dane formularza z formularza i musimy wrócić do formularza i zmienić jedną małą rzecz, która jest na wejściu musimy dać wkład i wymienić nazwę że dajemy wejście będzie tu klucz, że patrzymy na górę od środka trasy.
I myślę, że dobra nazwa będzie tylko nazwą, ale myślę, że jest trochę mylące.
Więc po prostu zrobić nowego przyjaciela.
Tak więc wartość ta w tym przypadku Boba zostanie wysłany w treści wniosku i wewnątrz ciała wniosek nie będzie pojedyncza właściwość o nazwie nowy przyjaciel.
I będzie równa Boba, aby ten trochę łatwiej zobaczyć.
Chodźmy do USA w słupek uwagę na przyjaciela Dodaj i niech to anulować ciało dot żądania dziennika i zwraca się ciało jest obiektem, który będzie zawierał wszystkie dane z treści żądania.
I pamiętaj, kiedy mamy postać, która jest złożenie żądania POST wszystkie dane formularza jest umieścić w treści żądania, a następnie dostaje się do naszej wyraźnej PE i chcemy ją wyciągnąć, jeśli treści żądania.
Więc jeśli mogę wydrukować ciało Żądanie powinno widzimy, że nowy przyjaciel jest równa Boba.
Jednak to nie zadziała, bo brakuje jednego małego kawałka, a pokażę ci, że to nie działa.
Najpierw dodajmy w Billie zrobiłem nowego przyjaciela.
Dostajemy osiągnięciu trasę pocztowy i mamy stały rejestr tutaj zwrócić się ciało jest niezdefiniowane.
A to dlatego, ekspresowe wyjęciu z pudełka nie rzeczywiście stworzyć wniosek z ciałem dla nas.
Musimy wyraźnie powiedzieć to wziąć ciało żądania i przekształcić go w JavaScript Object dla nas do wykorzystania nazwie wniosku ciała.
Więc to zrobić właściwie musimy zainstalować pakiet o nazwie parser ciała.
Więc NPM zainstalować ciała parser kreska kreska kreska zapisać i postawa ciała jest rodzajem poszedł i obecnie Express gdzie w pewnym momencie, że jest w pakiecie z Express.
Nie trzeba go instalować oddzielnie.
Teraz możesz zrobić to jest coś, co będziemy używać w każdej aplikacji.
Prawie w każdej chwili mamy postać, że użytkownik wprowadzi dane w które chcemy wyodrębnić dane z po stronie serwera.
Musimy wykorzystać parser ciała.
OK, więc to nie wystarczy, aby go zainstalować.
Następnie trzeba wymagać to tutaj.
Więc tylko ty ciała parser oczywiście wymaga Adi Dasch parsera, a potem następną rzeczą, którą musisz zrobić, to powiedzieć express użyć parsera ciała tak, że wygląda to konieczność zrobienia app używać ciała parser która jest zmienna, że ​​po prostu stworzony przez importowanie części ciała pakietu, a następnie musimy zrobić kropkę Ci URL zakodowany, a następnie zamiast tutaj będziemy pisać rozszerzony jest prawdą, a ja nie chcę, aby ten film bog dół wchodząc w szczegóły, ale z tym jest jeśli masz pytania można przejść do części ciała lub docs i przeczytać o tym, co się robi i el niepowlekanych, co prawda, nie rozszerzony.
To jedna te linie, które będą widzieć przez cały czas i szczerze wystarczy skopiować i wkleić większość czasu.
Więc teraz, że mamy to skonfigurować, jeśli ponowne uruchomienie serwera teraz bez zmiany kodu mamy apt się post Dodaj znajomego i jesteśmy stale biorąc wnioski z ciała.
Jeśli teraz odświeżyć Ups! Wróćmy do formularza ukośnymi przyjaciół i dodać znajomego o imieniu Linda.
Zrobiłem nowego przyjaciela i patrzymy na con. Widzimy zwrócić się Adi jest obecnie przedmiotem i że nadchodzi od strony parsera.
Więc Buddy parser zabrał ciało żądania i przetwarzane go w javascript obiektu, który ma nowy przyjaciel jest równa Linda.
Więc co tak naprawdę chcesz zrobić, to zwrócić się ciało Datt nowego przyjaciela.
A to da nam wartość, co było wewnątrz formy.
I pamiętaj, nowy przyjaciel jest ze względu na właściwości name nazwa atrybutu, który możemy ustawić na wejściu cokolwiek umieścić tutaj jest to, co musimy szukać go od środka trasy.
Nie tylko, że chce, aby anulować logowania go jednak to, co chcemy zrobić, to faktycznie dodać go do tablicy znajomymi którą tutaj zdefiniowanymi.
Tak więc pierwszą rzeczą do zrobienia jest, aby nową zmienną, a my po prostu nazwać to nowy przyjaciel, a my po prostu przechowywać zwrócić się ciała nowego przyjaciela, a następnie chcemy dodać go do tej tablicy, ale niestety nie możemy po prostu zrobić znajomych przestać naciskać nowego przyjaciela, ponieważ nie jest to kwestia określania zakresu, gdzie nasz przyjaciel jest zdefiniowana tylko zamiast tej funkcji.
I tu nie ma czegoś takiego jak przyjaciół.
To bardzo smutny świat.
Nie ma żadnych przyjaciół.
Więc musimy skopiować na to uwagę i przenieść go gdzieś, gdzie jest widoczny dla wszystkich naszych trasach.
I to jest coś, czego nie będzie robić za długo, ponieważ jest to po prostu tablica przyjaciółmi i możemy dodawać nowych przyjaciół, ale jak tylko przestanie serwer oni odejść i przywrócić disvalue.
Wkrótce będziemy używać bazy danych, a my nie będziemy musieli martwić się o kwestii określania zakresu.
Na razie wystarczy, aby przenieść go poza drogami, dzięki czemu możemy uzyskać do niego dostęp na wszystkich trasach.
Więc teraz znajomymi przestać naciskać nowy francuski powinien działać, a ja wam pokazać, że.
Teraz zrestartuj serwer wrócić do naszego formularza tutaj.
Odśwież stronę i dodajmy w Jeanne.
Mam nowego przyjaciela, a my się do tej trasy.
Teraz, jeśli wrócimy do znajomych widzę Jean został dodany.
To znaczy, że to działa, gdzie mamy do wydobywania żądań aż ciało się nowego przyjaciela.
I my również przesuwanie go do tablicy szał i wtedy wysyłasz tę odpowiedź.
Jednak jest to dość rzadkie, że chcemy mieć jakieś odpowiedzi jak ta po dodamy nowego przyjaciela.
Przez większość czasu nie chcemy, aby to zobaczyć.
Zazwyczaj po prostu chcemy, aby wrócić na tę stronę i zobaczyć nowy przyjaciel i zrobić to, co możemy zrobić, to zamiast wysyłania lub zamiast uczynić możemy użyć metody nother na rez nazywa przekierowanie i przekierować.
Dobrze mieć nazwę trasy.
A w naszym przypadku również należy ciąć przyjaciół i będą przekierowywać na tej trasie i będą uruchamiać kod wewnątrz trasie ukośnik znajomymi i wszystko co robi to sprawia, że ​​szablon francuskiej i przechodzi w wartość przyjaciół.
Więc teraz, gdy znów uruchomić serwer i wracamy odświeżyć stronę dodajmy w nowym przyjacielem tutaj.
Tina i uderzył zrobiłem nowego przyjaciela i widać Tina został dodany.
Pamiętaj, że nie jesteśmy tylko pobyt na tej stronie przez cały czas.
Jeśli oglądasz to właśnie tutaj pozwól mi zrobić to ponownie.
Dodajmy w Jeanne.
Uderzyłem zrobiłem nowego przyjaciela.
Widać strona chwilowo odświeża, a to dlatego, że mamy do wysyłania żądania POST gdzieś indziej, że żądania POST jest uzyskiwanie zbyt pochłonięta post.
przyjaciela Ogłoszenie to robi jakąś logikę tutaj.
A potem to bardzo szybko przekierowanie nas z powrotem do tej samej strony tą samą drogą, że jesteśmy już na.
Więc to jest prawie niezauważalny zobaczysz tylko migotanie stronę na chwilę i zobaczyć to mała ikonka jest gratisów, że strona jest revoting.
Ale jak już wspomniano, jeśli ponowne uruchomienie serwera wartość tablicy przyjaciół wraca do tego.
Więc tracimy tych wszystkich przyjaciół i nie mamy żadnej trwałości naszych danych.
Będziemy naprawić raz mamy do baz danych w zaledwie kilku z nas.
OK.
Załóżmy de-krótki na wszystko omówiliśmy wiele tutaj.
Pierwszą rzeczą, którą rozmawialiśmy było utworzenie trasy post i wszystko, co musiałem zrobić, to po aplikacji i działa podobnie jak apt get poza tym, że jest to wywołane jedynie przez żądania POST do tego konkretnego ciebie rzędu.
I wtedy wiesz, a potem zobaczyłem, jak możemy wysłać żądanie POST z listonoszem, który działa, a potem widzieliśmy, że możemy wysłać żądanie żądanie POST przy użyciu listonosza.
A potem również za pomocą formularza.
I kiedy wysłać formularz musimy zapewnić działanie oraz sposób i wprowadzić to naprawdę wcześnie, kiedy rozmawialiśmy o wieku do moich postaciach i mówiłem, że później w trakcie chcesz wiedzieć więcej na temat jakie działania i sposób myśli i co post wniosek jest kontra żądanie gET.
Tak to jest, że czas, w którym zaczynasz rozumieć trochę bardziej z nadzieją o różnicę między coraz stanowisk i co to oznacza i jakie działania trasy są tak więc mamy forum i nie posiada jedno wejście i na tym wejście dodaliśmy atrybut name i ten atrybut name, który mamy ustawioną wartość jako nowy przyjaciel jest w jaki sposób dane są dodawane do treści żądania.
Kiedy więc przedstawić to niezależnie od wartości tej formy jest powiedzmy Tina to ma być wysłany pod nazwą nowego przyjaciela.
A potem w środku naszego aparatu możemy wyodrębnić go z prośbą do Bodycount nowym przyjacielem tylko wtedy, gdy mamy włączone ciała parser, który mieliśmy do zainstalowania NPM zainstalować Purser ciała i potem mieliśmy opowiedzieć naszą aplikację, aby go używać.
Więc apt wykorzystanie parser i cała ta linia będzie widać cały czas i kiedy robimy, że parser zajmie treści żądania i przetwarza go w javascript obiektu, który możemy wykorzystać i dostępu tak jak my tutaj.
A ostatnią rzeczą nową, że widzieliśmy był Kopciuszek przekierowanie która zajmie wiesz jak przyjaciela slash i które będą ponownie wywołać tę trasę i uruchomić cały kod wewnątrz trasie ukośnik przyjaciół.
Dobrze zobaczenia w następnej lekcji.