1
00:00:01,680 --> 00:00:20,130
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.

2
00:00:20,130 --> 00:00:24,720
I myślę, że dobra nazwa będzie tylko nazwą, ale myślę, że jest trochę mylące.

3
00:00:24,810 --> 00:00:27,680
Więc po prostu zrobić nowego przyjaciela.

4
00:00:28,350 --> 00:00:38,520
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.

5
00:00:38,640 --> 00:00:42,660
I będzie równa Boba, aby ten trochę łatwiej zobaczyć.

6
00:00:42,870 --> 00:00:57,430
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.

7
00:00:57,600 --> 00:01:08,280
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.

8
00:01:08,280 --> 00:01:12,880
Więc jeśli mogę wydrukować ciało Żądanie powinno widzimy, że nowy przyjaciel jest równa Boba.

9
00:01:13,200 --> 00:01:19,130
Jednak to nie zadziała, bo brakuje jednego małego kawałka, a pokażę ci, że to nie działa.

10
00:01:19,160 --> 00:01:23,660
Najpierw dodajmy w Billie zrobiłem nowego przyjaciela.

11
00:01:23,850 --> 00:01:30,210
Dostajemy osiągnięciu trasę pocztowy i mamy stały rejestr tutaj zwrócić się ciało jest niezdefiniowane.

12
00:01:30,330 --> 00:01:35,790
A to dlatego, ekspresowe wyjęciu z pudełka nie rzeczywiście stworzyć wniosek z ciałem dla nas.

13
00:01:35,820 --> 00:01:43,360
Musimy wyraźnie powiedzieć to wziąć ciało żądania i przekształcić go w JavaScript Object dla nas do wykorzystania nazwie wniosku ciała.

14
00:01:43,650 --> 00:01:48,550
Więc to zrobić właściwie musimy zainstalować pakiet o nazwie parser ciała.

15
00:01:48,660 --> 00:02:00,040
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.

16
00:02:00,060 --> 00:02:02,010
Nie trzeba go instalować oddzielnie.

17
00:02:02,010 --> 00:02:05,210
Teraz możesz zrobić to jest coś, co będziemy używać w każdej aplikacji.

18
00:02:05,220 --> 00:02:12,120
Prawie w każdej chwili mamy postać, że użytkownik wprowadzi dane w które chcemy wyodrębnić dane z po stronie serwera.

19
00:02:12,120 --> 00:02:13,770
Musimy wykorzystać parser ciała.

20
00:02:14,090 --> 00:02:16,740
OK, więc to nie wystarczy, aby go zainstalować.

21
00:02:16,800 --> 00:02:19,420
Następnie trzeba wymagać to tutaj.

22
00:02:19,980 --> 00:03:01,420
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.

23
00:03:01,440 --> 00:03:06,730
To jedna te linie, które będą widzieć przez cały czas i szczerze wystarczy skopiować i wkleić większość czasu.

24
00:03:06,750 --> 00:03:17,850
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.

25
00:03:17,850 --> 00:03:25,790
Jeśli teraz odświeżyć Ups! Wróćmy do formularza ukośnymi przyjaciół i dodać znajomego o imieniu Linda.

26
00:03:26,130 --> 00:03:34,610
Zrobiłem nowego przyjaciela i patrzymy na con. Widzimy zwrócić się Adi jest obecnie przedmiotem i że nadchodzi od strony parsera.

27
00:03:34,770 --> 00:03:41,860
Więc Buddy parser zabrał ciało żądania i przetwarzane go w javascript obiektu, który ma nowy przyjaciel jest równa Linda.

28
00:03:42,180 --> 00:03:46,660
Więc co tak naprawdę chcesz zrobić, to zwrócić się ciało Datt nowego przyjaciela.

29
00:03:46,770 --> 00:03:50,370
A to da nam wartość, co było wewnątrz formy.

30
00:03:50,820 --> 00:04:01,650
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.

31
00:04:01,920 --> 00:04:09,540
Nie tylko, że chce, aby anulować logowania go jednak to, co chcemy zrobić, to faktycznie dodać go do tablicy znajomymi którą tutaj zdefiniowanymi.

32
00:04:09,540 --> 00:04:31,430
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.

33
00:04:31,740 --> 00:04:34,570
I tu nie ma czegoś takiego jak przyjaciół.

34
00:04:34,620 --> 00:04:35,430
To bardzo smutny świat.

35
00:04:35,430 --> 00:04:36,240
Nie ma żadnych przyjaciół.

36
00:04:36,450 --> 00:04:44,960
Więc musimy skopiować na to uwagę i przenieść go gdzieś, gdzie jest widoczny dla wszystkich naszych trasach.

37
00:04:45,900 --> 00:04:56,650
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.

38
00:04:57,120 --> 00:05:00,630
Wkrótce będziemy używać bazy danych, a my nie będziemy musieli martwić się o kwestii określania zakresu.

39
00:05:00,660 --> 00:05:05,300
Na razie wystarczy, aby przenieść go poza drogami, dzięki czemu możemy uzyskać do niego dostęp na wszystkich trasach.

40
00:05:05,490 --> 00:05:08,990
Więc teraz znajomymi przestać naciskać nowy francuski powinien działać, a ja wam pokazać, że.

41
00:05:08,990 --> 00:05:14,780
Teraz zrestartuj serwer wrócić do naszego formularza tutaj.

42
00:05:15,090 --> 00:05:19,370
Odśwież stronę i dodajmy w Jeanne.

43
00:05:20,330 --> 00:05:22,920
Mam nowego przyjaciela, a my się do tej trasy.

44
00:05:22,930 --> 00:05:28,950
Teraz, jeśli wrócimy do znajomych widzę Jean został dodany.

45
00:05:29,490 --> 00:05:34,520
To znaczy, że to działa, gdzie mamy do wydobywania żądań aż ciało się nowego przyjaciela.

46
00:05:34,680 --> 00:05:39,560
I my również przesuwanie go do tablicy szał i wtedy wysyłasz tę odpowiedź.

47
00:05:39,650 --> 00:05:45,410
Jednak jest to dość rzadkie, że chcemy mieć jakieś odpowiedzi jak ta po dodamy nowego przyjaciela.

48
00:05:46,020 --> 00:05:47,950
Przez większość czasu nie chcemy, aby to zobaczyć.

49
00:05:47,970 --> 00:06:02,390
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ć.

50
00:06:02,400 --> 00:06:03,750
Dobrze mieć nazwę trasy.

51
00:06:03,990 --> 00:06:18,290
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ół.

52
00:06:18,600 --> 00:06:26,240
Więc teraz, gdy znów uruchomić serwer i wracamy odświeżyć stronę dodajmy w nowym przyjacielem tutaj.

53
00:06:26,610 --> 00:06:31,180
Tina i uderzył zrobiłem nowego przyjaciela i widać Tina został dodany.

54
00:06:31,260 --> 00:06:34,000
Pamiętaj, że nie jesteśmy tylko pobyt na tej stronie przez cały czas.

55
00:06:34,050 --> 00:06:36,790
Jeśli oglądasz to właśnie tutaj pozwól mi zrobić to ponownie.

56
00:06:36,880 --> 00:06:38,210
Dodajmy w Jeanne.

57
00:06:38,530 --> 00:06:40,840
Uderzyłem zrobiłem nowego przyjaciela.

58
00:06:40,910 --> 00:06:49,440
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.

59
00:06:49,440 --> 00:06:52,090
przyjaciela Ogłoszenie to robi jakąś logikę tutaj.

60
00:06:52,260 --> 00:06:56,840
A potem to bardzo szybko przekierowanie nas z powrotem do tej samej strony tą samą drogą, że jesteśmy już na.

61
00:06:56,970 --> 00:07:06,360
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.

62
00:07:06,360 --> 00:07:12,820
Ale jak już wspomniano, jeśli ponowne uruchomienie serwera wartość tablicy przyjaciół wraca do tego.

63
00:07:12,840 --> 00:07:16,890
Więc tracimy tych wszystkich przyjaciół i nie mamy żadnej trwałości naszych danych.

64
00:07:16,890 --> 00:07:20,190
Będziemy naprawić raz mamy do baz danych w zaledwie kilku z nas.

65
00:07:20,530 --> 00:07:20,860
OK.

66
00:07:20,880 --> 00:07:24,160
Załóżmy de-krótki na wszystko omówiliśmy wiele tutaj.

67
00:07:24,180 --> 00:07:36,100
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.

68
00:07:36,570 --> 00:07:47,390
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.

69
00:07:47,400 --> 00:07:49,070
A potem również za pomocą formularza.

70
00:07:49,290 --> 00:08:05,460
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.

71
00:08:05,460 --> 00:08:27,200
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.

72
00:08:27,210 --> 00:08:35,130
Kiedy więc przedstawić to niezależnie od wartości tej formy jest powiedzmy Tina to ma być wysłany pod nazwą nowego przyjaciela.

73
00:08:35,400 --> 00:08:49,810
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ć.

74
00:08:49,800 --> 00:09:02,720
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.

75
00:09:02,820 --> 00:09:13,890
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ół.

76
00:09:13,890 --> 00:09:15,280
Dobrze zobaczenia w następnej lekcji.