Bonjour à tous j'aimerai afficher des données quand on choisit le nombre de page et ensuite si on choisit de faire le filtre par nom ou par prix aussi que ce puisse se faire. j'aimerai qu'on m'explique comment je doit procéder, j'aimerai le faire avec Ajax si possible mais je ne maitrise pas !
merci de me repondre
voici mon code :

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>
            <div class="toolbar">
              <div class="view-mode">
                <ul>
                  <li> <a href="shop_grid.html"> <i class="fa fa-th-large"></i> </a> </li>
                  <li class="active"> <a href="shop_list.html"> <i class="fa fa-th-list"></i> </a> </li>
                </ul>
              </div>
              <div class="sorter">
                <div class="short-by">
                  <label>Filtrer par</label>
                  <select>
                    <option selected="selected">Nom</option>
 
                    <option>Prix</option>
                  </select>
                </div>
                <div class="short-by page">
                  <label>nombre:</label>
                  <select>
                    <option selected="selected">9</option>
                    <option>12</option>
                    <option>16</option>
                    <option>30</option>
                  </select>
                </div>
              </div>
            </div>
            <?php
                $req_pro_All='SELECT * from produit where
                 statu_prod=1 AND  id_cata = '.$id.' order by lib_prod DESC limit 9 
                           ';
                          $envoi_All=$bd->query($req_pro_All);
 
                        while ($info_All=$envoi_All->fetch()) {
                         ?>
            <div class="product-list-area">
              <ul class="products-list" id="products-list">
                <li class="item ">
                  <div class="product-img">
                  <!--<div class="icon-sale-label sale-left">Sale</div>-->
                    <a href="single_product.html" title="<?php echo $info_All['lib_prod']; ?>">
                    <figure> <img class="small-image" src="ca/pages/product/img/<?php echo $info_All['img_prod']; ?>" alt="Ipsums Dolors Untra"></figure>
                    </a> </div>
                  <div class="product-shop">
                    <h2 class="product-name"><a href="#" title="Nom du produit">  <?php echo $info_All['lib_prod']; ?></a></h2>
                    <div class="ratings">
                      <div class="rating"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
                       <!--<p class="rating-links"> <a href="#/">4 Review(s)</a> <span class="separator">|</span> <a href="#review-form">Add Your Review</a> </p>-->
                    </div>
                    <div class="price-box">
                      <p class="special-price"> <span class="price-label"></span> <span class="price">   <?php echo $info_All['prix_prod'].' FRANCS CFA'; ?> </span> </p>
                     </p>
                    </div>
                    <div class="desc std">
                      <p>  <?php echo $info_All['des_prod']; ?> <!-- <a class="link-learn" title="Learn More" href="#">Learn More</a> </p>-->
                    </div>
                    <div class="actions">
                      <button class="button cart-button" title="Ajouter au panier" type="button"><i class="fa fa-shopping-cart"></i><span>Ajouter au panier</span></button>
                    </div>
                  </div>
                </li>
              </ul>
            </div><?php } ?>
            <div class="pagination-area">
              <ul>
                <li><a class="active" href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
              </ul>
            </div>
          </div>
        </div>