[jquery] filtrowanie wynikow

[HERO]

Hejka, znowu potrzebuje rady... mam wyniki wyszukania rekordow z bazy, wyswietlam je na stronie, nie chce uzywac AJAX i odpytywac serwera ponownie o rekordy a chcialbym bez przeladowania strony je filtrowac. 

wpadlem na taki pomysl ze rekordy na stronie beda wygladac tak 

 

<div id="10" data-color="red" data-sex="1" data-price="500"> rekord </div> 

 

a ja po nacisnieciu inputa w filtrach np kolor red dam display none dla wszystkich ktore nie maja red.

dodam operatory logiczne zeby to jakos dzialalo przy wyborze wiecej niz 1 opcja 

co o tym pomysle sadzicie, ale nie chce odpytywac bazy danych za kazdym razem? 

 

 

[okazwłoka]

Ja robię takie rzeczy tak: zapisujesz wynik zapytania z bazy do formatu json - zamieszczasz w źródle i możesz z tymi danymi z poziomu js robić co sobie wymarzysz bez odpytywania serwera.

 

Plus tego rozwiązania jest taki, że źródło strony zajmie Ci o wiele mniej miejsca niż wrzucając gotowe divy do źródła.

 

[Mion]

32 minuty temu, HERO napisał:

co o tym pomysle sadzicie

To, że do tego są gotowe rozwiązania jak https://datatables.net
https://www.w3schools.com/howto/howto_js_filter_table.asp
 

https://www.tablefilter.com/examples.html

https://www.jqueryscript.net/blog/best-table-filtering.html

Ogólnie to możesz pobrać dane w formacji JSON lub wypisać w HTML w takim formacie w kodzie JS i następnie w JS oprabiać tablice danych
https://www.w3schools.com/jsref/jsref_filter.asp

Do renderowania tych danych Możesz zastosować coś innego niż jquery np:
https://vuejs.org/
https://svelte.dev/