Récupération des données de BDD avec ajax

**malkimohamed** · 11/08/2015, 18h47

Salut mes amis,
j'ai besoin de votre aide, j'ai utilisée ajaxe pour le trie avec les balises <select></select>
mais j'ai un problème de duplication de code de toute la page au lieu d'un seul div:
voici mon code
code:

Code :

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
 <script>
            function showAjax(str) {
                if (str == "") {
                    document.getElementById("txtHint").innerHTML = "";
                    return;
                }
                if (window.XMLHttpRequest) {
                    // code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                } else { // code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function () {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET", "<?php echo URL;  ?>annonce/index?q=" + str, true);
                xmlhttp.send();
            }
        </script>

et voici la select:

Code :

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

1
2
3
4
5
6
<select class=" btn dropdown-toggle selectpicker btn-info" name="categorie" id="checkCategorie" onchange="showAjax(this.options[this.selectedIndex].value)" >
                        <option value="">---Catégorie---</option>
                        <?php foreach ($this->listCategorie as $value) : ?>
                        <option value="<?php echo $value['idCategorie']; ?>"><?php echo utf8_encode($value['libelle']); ?></option>
                        <?php endforeach; ?>
                    </select>