inserire i dati ottenuti da una jquery in una tabella già esistente

Mattuso

Nuovo Utente
19 Mag 2019
6
0
1
Dunque.. il mio progetto volge al termine e sono all'ultimo scalino (spero), da cui però non riesco a venire fuori.
Ho una pagina che ha l' header di una tabella, ogni colonna ha l'intestazione e delle checkbox che permettono di filtrare i risultati tramite una ajax che invia le richieste ad una seconda pagina e ritorna i dati aggiornati alla pagina 1. Fin qui tutto bene, il problema è che non riesco a posizionare i dati sotto all'header, ma ogni volta li mette sopra.
La struttura è la seguente.
pagina1:

PHP:
<div id="container">
<table class='blueTable' id="max">
   <thead>
       <tr>
       <th>Part number</th>
   <div class="box">
       <th>Model
       <?php
       include "conn.php";
       $result = mysqli_query($conn,"SELECT DISTINCT model FROM pfindercard WHERE family = 'Card' ORDER BY model ASC");
       while ($row = $result->fetch_assoc()){
           echo "<div class='list-group-item checkbox'>
           <label><input type='checkbox' class='common_selector model' value='" . $row['model'] . "'>" . $row['model'] . "</label></div>";
       }
       ?>
       </th></div>
la div "box" viene ripetuta per tutte le colonne, al termine del quale si chiude l'head della tabella e c'è la div che mostra i dati della jquery
HTML:
</div>
</thead>
<div class="filter_data"></div>
Questa è la jquery
PHP:
$(document).ready(function(){

    filter_data();

    function filter_data()
    {
   
        var action = 'fetch_data';

        var model = get_filter('model');
       /* elenco delle variabili */
       
        $.ajax({
            url:"pfindercard1.php",
            method:"POST",
            data:{action:action, model:model,  /*elenco delle variabili */},
            success:function(data){
                $('.filter_data').html(data);
            }
        });
    }

    function get_filter(class_name)
    {
        var filter = [];
        $('.'+class_name+':checked').each(function(){
            filter.push($(this).val());
        });
        return filter;
    }

    $('.common_selector').click(function(){
        filter_data();
    });

});
nella pagina 2, pfindercard1.php, c'è l'output con l'elenco delle variabili, ognuna inclusa in una coppia di tag td - /td.
Ho provato ad aprire il tbody nella pagina 1 e non viene creata nessuna tabella, stessa cosa mettendo il tbody nella pagina 2, l'unico modo per avere una tabella è stato quello di inserire il tag table nella pagina 2, ma non è il risultato che cerco, anche perchè comunque i dati venivano sempre posti sopra all'header.
Non sono molto esperto in javascript, ma credo di aver capito di dover formattare l'output non nella pagina 2, ma nella jquery della pagina 1, inserendo l'output in un ciclo con i tag td e /td per ogni variabile ricevuta, solo che non so come fare.
Per chiarezza, questo è ciò che ottengo.
Qualcuno sa gentilmente darmi un suggerimento?
 
Ultima modifica di un moderatore:

Mattuso

Nuovo Utente
19 Mag 2019
6
0
1
alla fine ho risolto inserendo la class "filter_data" al tag tbody invece che alla div e tutto ha funzionato a dovere..
 
Discussioni simili
Autore Titolo Forum Risposte Data
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
L PHPSpreadsheet inserire dati da file .xlsx/.xls su database PHP 2
L inserire dati multi livello PHP 8
G inserire dati automaticamente in mysql PHP 0
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
spider81man Connettersi ad un DB ed inserire dati con Javascript Javascript 3
C Inserire dati tabella leggendo parte di altra tabella con php PHP 13
A [ASP] Inserire dati in un database Classic ASP 1
B INSERIRE DATI CON IMMAGINE DA FORM IN MYSQL MySQL 7
B Inserire dati su DB da mail Classic ASP 6
M creare una tabella dove inserire i dati del database Database 1
C Inserire i dati in un vettore senza ammettere duplicati C/C++ 0
C Inserire dati da input PHP 5
M Inserire nel DB i dati provenienti da checkbox e recuperarli poi dal DB per la pagina di edit PHP 20
F Inserire tanti dati in una tabella MySQL 2
F [RISOLTO]inserire dati nel database jQuery 14
C Pagina HTM connessa al DB access (non è possibile modificare/inserire dati) MS Access 0
M Semplice pagina per inserire/leggere dati su database PHP 5
Emix Inserire Array di dati in database.... PHP 21
L classe per inserire dati al database PHP 2
C Inserire dei dati di una tabella dinamica in un file esterno js Javascript 17
N Inserire dati in un database Mysql PHP 6
nim inserire dati in tabella con ajax (ciclo foreach) Ajax 10
asevenx inserire dati da form con nome variabile PHP 0
T inserire un url su dati richiamati da mysql PHP 4
T Inserire i dati da un .txt ad un database PHP 1
D php e maschera per inserire dati in mysql PHP 4
M inserire da remoto dati in una tabella PHP 21
D [Access] Come inserire i dati in una tabella secondaria? MS Access 0
I Inserire più dati in database PHP 43
I inserire dati in tabella in base all'if PHP 11
L Inserire dati in una tabella PHP 6
I Inserire dati in database PHP 7
E inserire dati del DB nel sito PHP 5
D Inserire su un file alcuni dati presi da vari form PHP 2
M Aiuto come inserire dati tramite php? PHP 1
A Inserire in una pagina dei dati presi da una popup Javascript 3
§ inserire dati in form già fatti PHP 20
C Sql per inserire dati in una tabella Classic ASP 1
Elisacau [Contact form 7] Inserire Numero auto incrementante WordPress 1
gara1 inserire immagine di sfondo in canvas Javascript 0
FDF182 Inserire pdf in db PHP 3
otto9due Inserire o aggiornare tabella my sql controllando una coppia di valori PHP 7
D Inserire link PHP 0
P inserire due voci in un titolo post wp WordPress 1
R inserire video nel sito HTML e CSS 15
J Inserire blog wordpress in angular CMS (Content Management System) 0
A inserire variabile php colore in div html PHP 2
G Inserire una scritta Java 1
M Inserire variabile nella value di una hidden PHP 3

Discussioni simili