Ajax, reponse vide alors que la requête s'est bien passée

**apprenti69** · 17/03/2016, 13h05

Bonjour je suis entrain de faire une requête ajax, quand je veut afficher la reponse avec innnerHtml, la console m'affiche que la réponse est nulle, alors que le statut de la reponse est 200 et que la réponse s'affiche sur le navigateur;

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
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
    function getXMLHttpRequest() {
 
        var xhr = null;
        if (window.XMLHttpRequest || window.ActiveXObject) {
            if (window.ActiveXObject) {
                try {
                    xhr = new ActiveXObject("Msxml2.XMLHTTP");
                } catch(e) {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
 
            } else {
                xhr = new XMLHttpRequest();
            }
 
        } else {
            alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
            return null;
        }
        return xhr;
    }
 
 
    function chargerCategorie(){
        var  xhr=getXMLHttpRequest();
        xhr.open(
                "GET" ,
                "http://localhost/commerce/controller/ajax/categorie.php" ,
                
                true
        );
        xhr.send(null);
        var rep= xhr.responseText;
        console.log(xhr.responseText);
        document.getElementById("categorie").innerHTML=xhr.responseText   ;
 
    }
 
</script>
<body >
 
<div >
    <legend>Categorie</legend>
    <div class="categorie">
        <script>
            chargerCategorie();
 
        </script>
 
    </div>
</div>
 
<div>
    <strong>Produit</strong>
    <div class="produit">
 
    </div>
</div>
</body>