[AJAX] Ma fonction Ajax ne semble pas fonctionner

Bonjour, j'ai l'impression que ma fonction ajax ne fonctionne pas ... qq saurait-il me dire pourquoi ?

Code:

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
    function Ajax( page , id )
    {
        // Current Context
        try
        { 
            this.XHR = new ActiveXObject( "Microsoft.XMLHTTP" );
        }
        catch( e )
        {
            this.XHR = new XMLHttpRequest();
        }
 
        // Update the model state
        function SetState() {
            M.SetState(this);
        }
        this.SetState = SetState;
        this.XHR.onreadyStateChange = this.SetState;
 
        // Return the current state
        function GetState()
        {
            return this.XHR.readyState;
        }
        this.GetState = GetState;
 
        // Fill the current zone id
        function Paint()
        {
            document.getElementById(id).innerHTML = this.XHR.responseText;
        }
        this.Paint = Paint;
 
        // Open a connexion
        function Open()
        {
            this.XHR.open( 'GET' , page );
        }
        this.Open = Open;
 
        // Start the request
        M.SetState(this);
    }

Je précise que M est un Modèle et que la partie qui n'a pas l'air de fonctionner c'est la méthode SetState() utilisée avec onreadyStateChange.

J'instancie ensuite mon objet comme cela dans mon tag :

Code:

1
2
<button id="bouton" onclick="Javascript: new Ajax( 'content.php' ,'divarea' );">Cliquez</button>
<div id="divarea"></div>

Merci de votre aide