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!