Discussion :

[spawns]

Salut a tous
je débute en ajax/JS et j'essaie de faire un filtre multicritère qui va chercher les infos en BDD
donc une page avec form style :

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
 ...
        <div class="form-group">
            <select name="region" class="region form-control" id="region">
                <option value="" selected>-- Tous --</option>
                          <option value="region1">region1</option>
                          <option value="region2">region2</option>
                          <option value="region3">region3</option>
          </select>
          </div>
          <div class="form-group">
            <select name="typeT" class="typeT form-control" id="typeT">
                <!--<option selected disabled>Région</option>-->
                <option value="" selected>-- Tous --</option>
                <option value="T1" >T1</option>
                <option value="T2" >T2</option>
                <option value="T3" >T3</option>
                <option value="T4" >T4</option>
            </select>
          </div>
 
 
          <div class="table-responsive" id="dynamic_content">
 
          </div>
 
 
 
        </div>
      </div>
    </div>
  </body>
</html>
<script>
  $(document).ready(function(){
 
    load_data(1);
 
    function load_data(page, query = '')
    {
      $.ajax({
        url:"fetch.php",
        method:"POST",
        data:{page:page, query:query},
        success:function(data)
        {
          $('#dynamic_content').html(data);
        }
      });
    }
 
    $(document).on('click', '.page-link', function(){
      var page = $(this).data('page_number');
      var query = $('#region').val();
      load_data(page, query);
    });
 
    $('#region').change(function(){
      var query = $('#region').val();
      load_data(1, query);
    });
 
  });
</script>

ma page fetch.php qui traite la requête

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
...
$query = "
SELECT * FROM residences 
";
if($_POST['query'] != '')
{
  $query .= '
  WHERE region = "'.$_POST['query'].'" 
  ';
}
$query .= 'ORDER BY city ASC ';
...

Cela fonctionne parfaitement mais comme vous le voyez dans le html je voudrait ajouter un autre filtre ici le "typeT"
comment faire pour ajouter un autre champ prit en compte dans l'ajax.

Merci de votre aide
Cdt

[SpaceFrog]

passe un json dans ton data pour les critères de tri

Code :

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

var query = {crit1: $('#region').val(), crit2: $('#truc').val(), crit3:  $('#machin').val() };

et parse le cote serveur pour récupérer tes critères de tri

[spawns]

OK... la je crois que c'est hors compétence pour moi JSON dans data et parse coté serveur.
si tu peux me montrer en adaptant sur mon code, parce que autrement je ne vois pas comment faire...

[SpaceFrog]

coté php

Code :

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

$criteres= json_decode($_POST['query']);

tu obtiendras un array

Code :

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

[ crit1 => [valeur 1] ,  crit2 => [valeur 2],  crit3 => [valeur 3] ]

et donc
dans $crtieres['crit1'] tu auras la valeur du critère 1 .. etc...