/ / Spring MVC Ajax Request to Refresh Dynamic Table - javascript, jquery, ajax, spring, jsp

Spring MVC Ajax Request to Refresh Dynamic Table - javascript, jquery, ajax, spring, jsp

Obecnie mam aplikację Spring mvc, która pobieralista użytkowników z bazy danych i wyświetla ich informacje w tabeli przy użyciu JSP, aby w zasadzie przechodzić przez każdy obiekt na liście i tworzyć dla nich wiersz tabeli.

Każdy użytkownik ma atrybut daty ważności jako częśćich zapis w bazie danych. To, co chcę osiągnąć, to w zasadzie przycisk, który po włączeniu pokazuje lub ukrywa wszystkich użytkowników, którzy utracili ważność (tj. Ich data wygaśnięcia jest mniejsza niż dzisiejsza data).

W tym celu próbuję użyć wywołań AJAX do mojego kontrolera, aby pobrać mi wszystkich użytkowników, których ważność minął lub nie LUB tylko użytkownicy, którzy nie zakończyli ważności w zależności od tego, jak przycisk jest przełączany.

To, na czym chciałbym pomóc, to najlepszy sposób, aby to osiągnąć, ponieważ mogę wymyślić kilka paskudnych sposobów robienia tego, jak posiadanie oddzielnej strony i odświeżanie, ale jestem zdezorientowany w kilku sprawach.

Czy powinienem po prostu zrezygnować z przechodzenia JSP doutworzyć tabelę i utworzyć metodę w JavaScript, która tworzy tę tabelę po podaniu danych? Jeśli tak, to w jaki sposób mogę uzyskać dane z kontrolera do JavaScript, czy wywołanie AJAX do kontrolera może zwrócić mi listę moich obiektów użytkownika?

Domyślam się, że zamiast dodawać listęobiektów do modelu i pozwalając JSP wykonać pracę, że zamiast tego zwrócę JSON z danymi i używam JavaScript do zbudowania tabeli. Mogę następnie wywołać metodę aktualizacji, aby ponownie zbudować tabelę.

Odpowiedzi:

1 dla odpowiedzi № 1

Masz rację. Masz 2 opcje:

  1. Niech wywołanie AJAX zwróci html (np. Jsp) dla tabeli, a następnie zastąp Ciało stołu

  2. Użyj JavaScript, aby zbudować tabelę, a następnie zaktualizuj tabelę za pomocą wywołania AJAX, które zwraca JSON.

Jeśli chcesz stać się bardziej wyrafinowanym, możesz użyć struktury JavaScript, takiej jak Knockout.js co pozwoli ci oznaczyć tabelę i odświeżyć tabelę bez zbytniego pisania skryptów JavaScript.


0 dla odpowiedzi nr 2

Blurgh Nie jestem pewien, dlaczego to pytanie zyskało tak wiele uwagi, szczególnie teraz w czasach kanciastych, ale jeśli zmagasz się z tym, to zdecydowanie poleciłbym następującą bibliotekę:

https://www.ag-grid.com/