Creare tabella dinamica in html con js e riempirla con dati presi da un database

_theGreatS

Nuovo Utente
47
5
Salve, sto lavorando ad un sito web e da un paio di giorni sono bloccato a questo punto. Lo scenario che vorrei andare ad implementare è il seguente: Un utente attraverso il click di un bottone, vada a visualizzare una tabella che contenga tutti i prodotti disponibili. Attraverso uno script php mi recupero i dati contenuti nel database e poi vorrei che questi dati vengano stampati in questa tabella dinamica poiché nel database ci sono n dati. Grazie
 

pabloski

Utente Èlite
2,868
916
Attraverso uno script php mi recupero i dati contenuti nel database

Esempio banale http://www.itgeared.com/articles/1503-how-to-create-dynamic-html-table-javascript/

Lo script js deve usare chiamate Ajax per interagire con lo script php e farsi dare i dati.

Oppure potresti decidere di basarti su libreria e framework già fatti. Per non andare sul farraginoso, potresti usare jQuery e uno dei suoi tantissimi plugin, per esempio DataTables https://www.datatables.net/examples/data_sources/ajax.html

Posto un altro esempio di come interagire col DOM per creare tabelle dinamiche client-side https://www.webtrainingcentre.com/j...te-a-dynamic-table-using-json-and-javascript/

Sul come prelevare i dati è altra storia e comunque, in soldoni, si usano sempre chiamate Ajax.

E' anche possibile utilizzare i WebSocket, ma la vedo un'opzione più complessa per chi non è già scafato in fatto d'interazioni client-server side.
 
  • Mi piace
Reazioni: _theGreatS

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili