ASP.NET MVC - wysyłanie danych do serwera za pośrednictwem Ajax

Ajaks nie tylko służy do wysyłania zapytań i unikania przeładowywania strony, którą przegląda użytkownik, możemy również użyć tego narzędzia do przesyłania danych na serwer, co daje nam dość wyraźną przewagę w naszej aplikacji, ponieważ przy zapytaniach przeładowuje całą stronę A co najważniejsze, niekoniecznie musimy zmieniać nasze podejście do kontrolerów.
Możemy mieć tradycyjnego kontrolera, który odbiera dane metodą POCZTA z HTTP a mimo to być w stanie korzystać Ajaks, daje nam to dość dużą wszechstronność w aktualizowaniu naszych aplikacji i tworzeniu bardziej dynamicznych aplikacji oraz większej łatwości użytkowania dla użytkownika.
Wysyłaj dane za pomocą JSON
Możemy przesłać dane przez Ajax za pomocą JSON, dzieje się tak dzięki sposobowi łączenia ASP.NET MVC dane z modelem, rozpoznaje, kiedy jest to JSON lub kiedy wysyłamy dane z normalnego formularza, dlatego powiedzieliśmy, że nie potrzebujemy więcej zmian w naszych kontrolerach.
Teraz, gdy wszystko jest jasne w tym zakresie, zobaczymy mały przykład na poniższym obrazku, w tym przykładzie utworzymy zestaw danych i wyślemy przez Ajaks do akcji kontrolera naszej aplikacji:

Tutaj widzimy, że tworzymy nasze dane w a JSON które przechowujemy w zmiennej aukcji, następnie używamy metody skrótu $ .post () z jQuery a wewnątrz wywołujemy naszego pomocnika, aby wygenerował adres URL dla akcji Utwórz z Kontrolera aukcji a jako parametr przekazujemy naszą zmienną, która zawiera JSON.
Kiedy już to mamy, musimy otrzymać to z naszym kontrolerem, ponieważ przechodzimy a JSON i teoretycznie nie powinniśmy niczego zmieniać, zobaczmy jak wygląda kontroler na przykładzie na poniższym obrazku, aby mieć kompletną wizję wszystkiego co musimy skompletować:

Tutaj mamy, że pierwszą rzeczą, którą robimy, jest warunkowanie naszej akcji, aby przez metodę otrzymywała tylko parametry POCZTA z HTTP, dzięki temu unikamy, aby ktokolwiek mógł przesłać jakiekolwiek dane bez naszej zgody, to w ramach akcji sprawdzamy, czy to, co otrzymaliśmy, jest zgodne z modelem danych i tu dzieje się istotna rzecz, ASP.NET MVC natychmiast wykrył, że wysłaliśmy JSON i przeprowadził odpowiednią walidację, bez potrzeby definiowania czegokolwiek w szczególności. Następnie wykonujemy naszą rutynową czynność, aby zapisać dane i wrócić do widoku, w przypadku błędu w danych, wracamy do widoku tworzenia.
Na tym kończymy ten tutorial, wtedy widzimy, że jeśli chcemy posunąć naszą aplikację o krok dalej to możemy to zrobić, po prostu musimy wybrać ścieżkę, którą chcemy podążać, najnowsze trendy radzą sobie z budową aplikacji jednostronicowych przy użyciu kilku ramy w JavaScript jest to całkiem opłacalne, jeśli dodamy do tego możemy sprawić, że zadziała ASP.NET MVC z JSON, widzimy wtedy, że obie technologie możemy połączyć w bardzo prosty sposób.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt