przesyłanie obiektu z frontendu na backend w asp.net

Question

Witam, zaczynam uczyć się tworzyć aplikacje w asp.net, w tym celu postanowiłem napisać prostą aplikację zapisującą do bazy danych podane ćwiczenie, liczbę powtórzeń i wagę. skorzystać do tego chciałbym z entity framework. Utworzyłem w htmlu 3 inputy i jeden przycisk. powiązałem inputy z polami klasy zrobionej w typescripcie a przycisk z poleceniem które teoretycznie powinno przesyłać dane do kontrolera i zapisywać w bazie. Tu pojawia się problem, ponieważ to nie działa, szukam odpowiedzi już 2 dni, jednak nie wychodzi mi to. Ustawienie breakpointu pokazuje mi, że kontroler nic nie dostaje, jednak nie mam pojęcia dlaczego. Czy ktoś mógł by mi pomóc? Dodaję zdjęcia i link do repozytorium.

 

https://github.com/kubab412/WorkoutApp

Answer 1

Dane z inputów wysyłasz jako request POST do controlera ?

Comments

tak

Answer 2

 

 

Kilka uwag, które mnie się nasunęły: 

1. Po co piszesz adres w taki sposób: "https://localhost:44362/" + "workout" + "/addworout"? Nie lepiej napisać po prostu: "https://localhost:44362/workout/addworout"

2. Nie zasubskrybowałeś danych. Znasz RxJs? Warto się temu przyjrzeć. Ja bym to zrobił raczej w ten sposób:

SendRequest() {
  this.http.post("https://localhost:44362/workout/addworout", this.workoutDto).subscribe(() => {
   // tutaj robisz to, co chcesz po wysłaniu danych, np. możesz przejść do innego komponentu
  }, error => {
    // a tutaj obsługujesz błędy, gdyby wyskoczyły
  });
}

 

3. Zainteresuj się także asynchronicznością. Nie jest to trudne, a działa lekko lepiej i zawsze to dodatkowa wiedza.

 

4. Po co zrobiłeś osobny kontroller WorkoutListController? Nie mogłeś funkcji GetAll() wrzucić do kontrollera WorkoutController skoro wszystko to dotyczy workout?