Récupérer les données entre 2 dates

**Zarkoffe** · 08/04/2019, 10h42

Bonjour,
Le système est simple : l'utilisateur doit rentrer 2 dates, et cliquer sur un bouton qui va ouvrir une fenêtre modal et lui afficher dans un tableau toutes les factures entre ces 2 dates.
Mon problème : j'ai les 2 alert() de mes fails qui se déclenchent lorsque je clique sur "Filtrer". Voici mon fichier avec les 2 inputs et le button :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="trifactures" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Trier mes factures</h3>
            </div>
            <div class="modal-body">
                <!-- ENTRE 2 DATES -->
                <div class="form-group row flex-v-center">
                    <div class="col-xs-3 col-sm-3" style="padding-top:6px;">
                        <label for="from">Filtrez entre 2 dates:</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date1"/>                 
                    </div>
                    <div class="col-xs-1 text-center" style="padding-top:6px;">
                        <label for="to">et</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date2"/>  
                    </div>
                    <div class="col-xs-2">
                        <span class="input-group-btn">
                            <button type="button" id="2date" class="btn btn-primary" data-toggle="modal" data-target="#trifacture_date" onclick="date2send()">Filtrer</button>
                            <?php include 'filtres/trifacture_date.php' ; ?>
                        </span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
            </div>
        </div>			 
    </div>
</div>
 
<script>                
    function date2send()
    {           
        //first
        //var date_first = $( "#date1" ).val(); 
        $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_first": $("[id$='date1']").val()}
        })
        .done(function( retour_html ) {
            $("#datefirst").html( retour_html );
            alert('ok 1 ');
        })
        .fail(function() {
            alert( "error date first" );
        });
        //last
        //var date_last = $( "#date2" ).val();
        $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_last": $("[id$='date2']").val()}
        })
        .done(function( retour_html ) {
            $("#datelast").html( retour_html );
            alert(' ok 2 ');
        })
        .fail(function() {
            alert( "error date last" );
        });
    }
    -->
</script>

Et ensuite, si besoin, la fenêtre modale (filtres/trifacture_date.php) qui est censé réceptionner les variables et les traiter.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div id="datefirst datelast">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                    $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                    echo $datefirst;
                    echo $datelast;
                    ?>
 
 
                    <!-- ENTRE 2 DATES -->
                    <?php $messages = array();
 
                    $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                    while($all = $recup_messages->fetch())
                    {
                    $messages[] = $all;
                    } ?>
 
                    <table id="factures_tri" class="table table-bordered table-striped table-condensed table-hover">
                        <thead> 
                        <tr>
                            <th width="15%">N° facture</th>
                            <th width="10%">Date Facture</th>
                            <th width="15%">Fournisseur</th>
                            <th width="15%">Produit</th>
                            <th width="5%">Quantité</th>
                            <th width="5%">Montant</th>
                            <th width="5%"></th>
                        </tr> 
                        </thead>
                        <?php foreach($messages as $message) { ?>
                        <tr>
                            <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                            <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                            <td>
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                            </td>
                        </tr>
                        <?php } ?>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_tri').DataTable();
    });
  </script>

Merci d'avance!

**SpaceFrog** · 09/04/2019, 09h14

Pourquoi 2 Ajax ???

**Zarkoffe** · 09/04/2019, 09h15

Si il y a un moyen de faire ce que je fais en un seul, je suis preneur!

Merci d'avance

**SpaceFrog** · 09/04/2019, 09h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_first": $("[id$='date1']").val(),  "date_last": $("[id$='date2']").val()}
        })

du coup sur ta page de traitement tu récupères les deux valeurs,
tu fais la requête qui va bien ...
tu construis le html qui va bien ...

et dans le done tu colles le html retourné ou tu veux

**Zarkoffe** · 09/04/2019, 09h42

D'accord je vois merci!
Du coup par rapport à mon pb initial, je n'ai plus 2 alert() mais une seule du coup (le fail du passage de mes variables). Et pas d'erreur dans ma console.
Je te mets le code actualisé ci-dessous:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<div id="trifactures" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Trier mes factures</h3>
            </div>
            <div class="modal-body">
                <!-- ENTRE 2 DATES -->
                <div class="form-group row flex-v-center">
                    <div class="col-xs-3 col-sm-3" style="padding-top:6px;">
                        <label for="from">Filtrez entre 2 dates:</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date1"/>                 
                    </div>
                    <div class="col-xs-1 text-center" style="padding-top:6px;">
                        <label for="to">et</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date2"/>  
                    </div>
                    <div class="col-xs-2">
                        <span class="input-group-btn">
                            <button type="button" id="2date" class="btn btn-primary" data-toggle="modal" data-target="#trifacture_date" onclick="date2send()">Filtrer</button>
                            <?php include 'filtres/trifacture_date.php' ; ?>
                        </span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
            </div>
        </div>			 
    </div>
</div>
 
<script>                
    function date2send()
    {           
        //first
        //var date_first = $( "#date1" ).val(); 
        $.ajax({
            method: "POST",
            url: "filtres/trifacture_date.php",
            data: {"date_first": $("[id$='date1']").val(),  "date_last": $("[id$='date2']").val()}
        })
        .done(function( retour_html ) {
            $("#datefirst").html( retour_html );
            $("#datelast").html( retour_html );
            alert('ok 1 ');
        })
        .fail(function() {
            alert( "error dates" );
        });
    }
</script>

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<div id="datefirst datelast">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                    $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                    echo $datefirst;
                    echo $datelast;
                    ?>
 
 
                    <!-- ENTRE 2 DATES -->
                    <?php $messages = array();
 
                    $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                    while($all = $recup_messages->fetch())
                    {
                    $messages[] = $all;
                    } ?>
 
                    <table id="factures_tri" class="table table-bordered table-striped table-condensed table-hover">
                        <thead> 
                        <tr>
                            <th width="15%">N° facture</th>
                            <th width="10%">Date Facture</th>
                            <th width="15%">Fournisseur</th>
                            <th width="15%">Produit</th>
                            <th width="5%">Quantité</th>
                            <th width="5%">Montant</th>
                            <th width="5%"></th>
                        </tr> 
                        </thead>
                        <?php foreach($messages as $message) { ?>
                        <tr>
                            <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                            <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                            <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                            <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                            <td>
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                            <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                            <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                            </td>
                        </tr>
                        <?php } ?>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_tri').DataTable();
    });
  </script>

**SpaceFrog** · 09/04/2019, 09h51

J'ai du mal à voir quel élément tu cibles avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $("[id$='date1']")

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 id="date1"

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#date1").val()

**Zarkoffe** · 09/04/2019, 10h05

Merci, j'ai essayé mais même résultat.
Je ne vois pas d'erreur... mais quelque chose doit coincer quelque part...

**SpaceFrog** · 09/04/2019, 10h27

regarde en console dans l'onglet réseau pour voir ce que tu envoies et ce que tu reçois ...

**Zarkoffe** · 09/04/2019, 10h30

D'accord.
J'ai donc ceci, un 404 :
Nom : Capture d’écran de 2019-04-09 10-29-35.png
Affichages : 167
Taille : 4,4 Ko

Merci d'avance

**SpaceFrog** · 09/04/2019, 11h02

Et pour toi 404 ça veut dire quoi ?

Tu as abusé du pangalactic gargle blaster ?

**Zarkoffe** · 09/04/2019, 11h09

Qu'il ne trouve pas la page.
Curieux car au-dessus j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 <?php include 'filtres/trifacture_date.php' ; ?>

et j'ai bien ma modal qui s'affiche avec mon tableau (vierge, avec mon alert() qui le chevauche du coup).
donc pourquoi ceci ne passe pas? le chemin est forcément bon...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
            url: "filtres/trifacture_date.php",

Je creuse ça avec des chemins absolus et autres tests et je te redis ça.

**SpaceFrog** · 09/04/2019, 11h15

Par contre vu que tu utilise DataTable ... pourquoi n'utilises tu pas le source server side et les filtres natifs de ce plugin ?

https://datatables.net/examples/plug...filtering.html

https://datatables.net/reference/api/filter()

**SpaceFrog** · 09/04/2019, 11h18

Ou encore
https://datatables.net/plug-ins/filt...ed/range_dates

Ce n'est pas comme si ce plugin était super bien documenté

**Zarkoffe** · 09/04/2019, 16h13

Merci pour ces infos, je vais creuser tout ça pour ce plugin. Je l'ai découvert depuis peu, il faut que je regarde d'avantage

Sinon à propos de mon AJAX, j'ai trouvé : j'ai un one page website, et lorsque je fais un include depuis un onglet qui n'est pas la page d'accueil, il faut que je cible le fichier à inclure depuis le fichier de l'onglet.
Concernant mon script Jquery, il faut que je me positionne comme si j'étais sur la page d'accueil, et non dans l'onglet. De plus, l'include est à mettre après le <script>, sinon ça ne fonctionne pas.
Bref, ceci envoie bien mes variables:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<div id="trifactures" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Trier mes factures</h3>
            </div>
            <div class="modal-body">
                <!-- ENTRE 2 DATES -->
                <div class="form-group row flex-v-center">
                    <div class="col-xs-3 col-sm-3" style="padding-top:6px;">
                        <label for="from">Filtrez entre 2 dates:</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date1"/>                 
                    </div>
                    <div class="col-xs-1 text-center" style="padding-top:6px;">
                        <label for="to">et</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date2"/>  
                    </div>
                    <div class="col-xs-2">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#trifacture_date" onclick="date2send()">Filtrer</button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
            </div>
        </div>			 
    </div>
</div>
 
<script>                
    function date2send()
    {           
        $.ajax({
            method: "POST",
            url: "../Include/Modal_header/Editions/filtres/trifacture_date.php",
            data: {"date_first": $("#date1").val(), "date_last": $("#date2").val()}
        })
        .done(function( retour_html ) {
            $("#date_first").html( retour_html );
            $("#date_last").html( retour_html );
            alert('ok 1 ');
        })
        .fail(function() {
            alert( "error dates" );
        });
    }
</script>
<?php include 'filtres/trifacture_date.php' ; ?>

Petite question: dans mon ajax, le done() récupère la valeur de mes variables de façon chronologique d'arrivée?
date_first => #date_first
date_last => #date_first
?
En tout cas par un vardump() la valeur de mes variables est null, string(4) "null" string(4) "null".
Pourtant le réseau montre que le post a eu lieu.
Nom : Capture d’écran de 2019-04-09 16-11-25.png
Affichages : 138
Taille : 3,3 Ko

Nom : Capture d’écran de 2019-04-09 16-11-25.png
Affichages : 138
Taille : 3,3 Ko

Je récupère mal mes variables?
Voici le fichier visé par l'AJAX (ligne 1 ma div qui est censé récupérer mes 2 valeurs:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="date_first date_last">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                        $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                        echo (var_dump($datefirst));
                        echo (var_dump($datelast));
                        ?>
 
                        <!-- ENTRE 2 DATES -->
                        <?php $messages = array();
 
                        $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                        while($all = $recup_messages->fetch())
                        {
                        $messages[] = $all;
                        } ?>
 
                        <table id="factures_tri" class="table table-bordered table-striped table-condensed table-hover">
                            <thead> 
                                <tr>
                                    <th width="15%">N° facture</th>
                                    <th width="10%">Date Facture</th>
                                    <th width="15%">Fournisseur</th>
                                    <th width="15%">Produit</th>
                                    <th width="5%">Quantité</th>
                                    <th width="5%">Montant</th>
                                    <th width="5%"></th>
                                </tr> 
                            </thead>
                            <?php foreach($messages as $message) { ?>
                            <tr>
                                <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                                <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                                <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                                <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                                <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                                <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                                <td>
                                <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                                <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                                <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                                <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                                </td>
                            </tr>
                            <?php } ?>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_tri').DataTable();
    });
</script>

Merci d'avance

**SpaceFrog** · 09/04/2019, 17h01

regarde en console dans l'onglet réseau le XHR réponse ...

tu ne fais qu'un appel à ton ajax, donc tu n'appelles qu'une fois ta page de traitement en lui passant deux paramètres en POST

sur ta page coté serveur un var_dump de $_POST doit te montrer tes deux variables ...

Tu dois ensuite savoir quel type de retour tu souhaites faire ??? du html ? un json ???

**Zarkoffe** · 09/04/2019, 17h33

Alors dans réseau oui j'ai POST qui s'est bien déroulé, source "xhr" et type "html".
J'utilise mes variables ici

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
$recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"'

Alors je dirai que je veux du PHP.

Un vardump des POST me renvoie ceci :

Notice: Undefined index: date_first in /opt/lampp/htdocs/Contact/Include/Modal_header/Editions/filtres/trifacture_date.php on line 13
NULL
Notice: Undefined index: date_last in /opt/lampp/htdocs/Contact/Include/Modal_header/Editions/filtres/trifacture_date.php on line 14
NULL

Ce qui est assez relou étant donné ceci :
Nom : Capture d’écran de 2019-04-09 17-29-56.png
Affichages : 143
Taille : 4,4 Ko

Pourtant dès le début de ce fichier je récupère mes variables sur toute la modale :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="date_first date_last">

Je remet le code de cette seconde page en intégralité, avec les vardump POST:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="date_first date_last">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <?php $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                        $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                        echo (var_dump($_POST['date_first']));
                        echo (var_dump($_POST['date_last']));
                        ?>
 
                        <!-- ENTRE 2 DATES -->
                        <?php $messages = array();
 
                        $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                        while($all = $recup_messages->fetch())
                        {
                        $messages[] = $all;
                        } ?>
 
                        <table id="factures_tri" class="table table-bordered table-striped table-condensed table-hover">
                            <thead> 
                                <tr>
                                    <th width="15%">N° facture</th>
                                    <th width="10%">Date Facture</th>
                                    <th width="15%">Fournisseur</th>
                                    <th width="15%">Produit</th>
                                    <th width="5%">Quantité</th>
                                    <th width="5%">Montant</th>
                                    <th width="5%"></th>
                                </tr> 
                            </thead>
                            <?php foreach($messages as $message) { ?>
                            <tr>
                                <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                                <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                                <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                                <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                                <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                                <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                                <td>
                                <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                                <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                                <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                                <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                                </td>
                            </tr>
                            <?php } ?>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_tri').DataTable();
    });
</script>

Je pense que ce qui cloche, c'est dans l'AJAX. il ne peut pas comprendre quelle variable de "data" est lié à quel "done", à moins que ce soit en FIFO mais ça ne ressemble pas du tout au jquery...

**SpaceFrog** · 10/04/2019, 08h20

Un vardump des POST me renvoie ceci :
Notice: Undefined index: date_first in /opt/lampp/htdocs/Contact/Include/Modal_header/Editions/filtres/trifacture_date.php on line 13
NULL
Notice: Undefined index: date_last in /opt/lampp/htdocs/Contact/Include/Modal_header/Editions/filtres/trifacture_date.php on line 14
NULL

Le probmème est là !!!

ta page de traitement ne reçoit pas tes données ???

Je n'ai pas pigé ton include...
si tu fais un include de la page et que sur celle ci tu fais un vardump de post forcément il n'y aura pas de post !!!

Pour moi pas besoin d'include ... ta page de traitement est appelée par ajax ...
Ou alors elle set aussi par ailleurs à de l'affichage, masi du coup il faut mettre un teste isset $POST, ta page servant alors pour le premier affichage au chargement de la page, puis au retour des requêtes html avec paramètres.
Il faut alors eun sorte de routeur sur ta page de traitement qui indique si tu est au premier chargement ou en réponse à une requête.0

**Zarkoffe** · 11/04/2019, 10h03

ta page de traitement ne reçoit pas tes données ???

La page de réseau du navigateur indique qu'il y a bien eu un post vers le bon fichier, donc à priori oui les données on bien été envoyées.

si tu fais un include de la page et que sur celle ci tu fais un vardump de post forcément il n'y aura pas de post !!!

J'ai fais un vardump de POST car tu me l'as demandé, sinon moi je fais comme ceci habituellement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$datefirst  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
echo (var_dump($datefirst));

Pour moi pas besoin d'include ... ta page de traitement est appelée par ajax ...

Alors là c'est impossible, l'ajax ne fait qu'envoyer 2 variables vers une page, en aucun car elle ne me charge ma modal. C'est le button qui appelle la modale, et il est impératif que je fasse un incldue du fichier, sinon... ben il se passera rien, la modale ne s'affiche pas et c'est normal.

Ou alors elle set aussi par ailleurs à de l'affichage, masi du coup il faut mettre un teste isset $POST,

C'est ce que je fais depuis le début, je fais un isset POST de mes 2 variables.
J'ai un tas de page qui fait casiment la même chose mais en passant une seule variable.
Pour moi si cela ne marche pas ici c'est que je passe 2 variables, et que le done fait mal le lien entre les 2 id qu'il vise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
        .done(function( retour_html ) {
            $("#date_first").html( retour_html );
            $("#date_last").html( retour_html );
            alert('ok 1 ');

et les 2 data à récupérer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

            data: {"date_first": $("#date1").val(), "date_last": $("#date2").val()}

Du coup je voudrai savoir: l'élément 1 de data est bien relié au retour 1 de done? Ce que je veux dire:
{"date_first": $("#date1").val() =====>>>>>> $("#date_first").html( retour_html ); ??????

Merci d'avance

PS: je te remets le code de mes 2 fichiers pour que tu y vois clair

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<div id="trifactures" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Trier mes factures</h3>
            </div>
            <div class="modal-body">
                <!-- ENTRE 2 DATES -->
                <div class="form-group row flex-v-center">
                    <div class="col-xs-3 col-sm-3" style="padding-top:6px;">
                        <label for="from">Filtrez entre 2 dates:</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date1"/>                 
                    </div>
                    <div class="col-xs-1 text-center" style="padding-top:6px;">
                        <label for="to">et</label>
                    </div>
                    <div class="col-xs-3">
                        <input type="date" class="form-control" id="date2"/>  
                    </div>
                    <div class="col-xs-2">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#trifacture_date" onclick="date2send()">Filtrer</button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
            </div>
        </div>			 
    </div>
</div>
 
<script>                
    function date2send()
    {           
        $.ajax({
            method: "POST",
            url: "../Include/Modal_header/Editions/filtres/trifacture_date.php",
            data: {"date_first": $("#date1").val(), "date_last": $("#date2").val()}
        })
        .done(function( retour_html ) {
            $("#date_first").html( retour_html );
            $("#date_last").html( retour_html );
            alert('ok 1 ');
        })
        .fail(function() {
            alert( "error dates" );
        });
    }
</script>
<?php include 'filtres/trifacture_date.php' ; ?>

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<div id="date_first date_last">
    <div id="trifacture_date" class="modal fade bd-example-modal-lg" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document" style="width:1200px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><img src="../Assets/favicon.png" style="width: 60px; height: 60px;">Tri de facture - Par DATE</h3>
                </div>
                <div class="modal-body">
                    <div class="row">
 
                            <?php 
                            $datefirst  = isset($_POST['date_first'])? $_POST['date_first']:'null'; 
                            $datelast  = isset($_POST['date_last'])? $_POST['date_last']:'null'; 
                            echo (var_dump($datefirst));
                            echo (var_dump($datelast)); 
                            ?>
 
                        <!-- ENTRE 2 DATES -->
                        <?php $messages = array();
 
                        $recup_messages = $bdd->query('SELECT * FROM facture WHERE facture_date BETWEEN "'.$datefirst.'" AND "'.$datelast.'"');
 
                        while($all = $recup_messages->fetch())
                        {
                        $messages[] = $all;
                        } ?>
 
                        <table id="factures_trier" class="table table-bordered table-striped table-condensed table-hover">
                            <thead> 
                                <tr>
                                    <th width="15%">N° facture</th>
                                    <th width="10%">Date Facture</th>
                                    <th width="15%">Fournisseur</th>
                                    <th width="15%">Produit</th>
                                    <th width="5%">Quantité</th>
                                    <th width="5%">Montant</th>
                                    <th width="5%"></th>
                                </tr> 
                            </thead>
                            <?php foreach($messages as $message) { ?>
                            <tr>
                                <td><h4><B><?php echo $message['facture_ref'] ?><B></h4></td>
                                <td><textarea rows="2" cols="13" type="date" class="form-control" id="facture_date" value="<?php echo $message['facture_date'] ?>" ><?php echo $message['facture_date'] ?></textarea></td>
                                <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_fournisseur" value="<?php echo $message['facture_fournisseur'] ?>" ><?php echo $message['facture_fournisseur'] ?></textarea></td>
                                <td><textarea rows="2" cols="22" type="text" class="form-control" id="facture_produit" value="<?php echo $message['facture_produit'] ?>" ><?php echo $message['facture_produit'] ?></textarea></td>
                                <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_quantite" value="<?php echo $message['facture_quantite'] ?>" ><?php echo $message['facture_quantite'] ?></textarea></td>
                                <td><textarea rows="2" cols="4" type="text" class="form-control" id="facture_montant" value="<?php echo $message['facture_montant'] ?>" ><?php echo $message['facture_montant'] ?></textarea></td>
                                <td>
                                <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                                <button type="submit" class="btn btn-success btn-block" name="interlocuteur_update">Modifier</button>
 
                                <input type="hidden" name="id_interlocuteur" value="<?php echo $interlocuteur['interlocuteur_id']; ?>"/>
                                <button type="submit" class="btn btn-danger btn-block" name="interlocuteur_delete">Supprimer</button>
                                </td>
                            </tr>
                            <?php } ?>
                        </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Fermer</button>
                </div>
            </div>			 
        </div>
    </div>
</div>
 
<script>
    $(document).ready(function() {
      $('#factures_trier').DataTable();
    });
</script>

Merci!

**SpaceFrog** · 11/04/2019, 11h36

Désolé tu m'as complètement largué là ...

Alors là c'est impossible, l'ajax ne fait qu'envoyer 2 variables vers une page, en aucun car elle ne me charge ma modal. C'est le button qui appelle la modale, et il est impératif
que je fasse un incldue du fichier, sinon... ben il se passera rien, la modale ne s'affiche pas et c'est normal.

je ne vois pas pourquoi un include de la page de traitement serrait impératif ????
la page de traitement n'est appelée QUE par l'ajax ... nul besoin d'en faire une include sur la page appelante !

Ensuite :
Sur le retour de l'ajax il faudrait savoir ce que tu récupères ...
Tu peux le voir dans la console au niveau de l'onglet xhr dasn response ...
ou alors tu fasi juste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
  .done(function( retour_html ) {
             console.log(  retour_html );
}

**Zarkoffe** · 15/04/2019, 15h58

Merci pour ta réponse.
J'ai ceci :
Nom : Capture d’écran de 2019-04-15 15-52-57.png
Affichages : 172
Taille : 88,3 Ko

Donc il semblerait que les variables passent bien, mais qu'en plus mon tableau fonctionne (j'ai fait un BETWEEN de tel sorte que je n'aurai qu'une seule date... et c'est bien la bonne qui ressort en rouge ici).
Seulement sur ma page, je n'ai pas le même résultat :
Nom : Capture d’écran de 2019-04-15 15-55-18.png
Affichages : 136
Taille : 16,7 Ko

Nom : Capture d’écran de 2019-04-15 15-55-18.png
Affichages : 136
Taille : 16,7 Ko

Ce n'est ni mon plugin Datatable qui est en cause, ni la requête : car en effet, j'ai essayé une requête simple sans mes variables du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $recup_messages = $bdd->query('SELECT * FROM facture');

et pas de pb dans ce cas.
C'est vraiment étrange que le résultat que je veux se trouve dans mon console.log et pas dans sur ma page...
As-tu une idée?

Merci

Récupérer les données entre 2 dates [AJAX]

jQuery

Discussions similaires

Partager

Partager