[AJAX] Début en Ajax: actualisé un partie en fonction d'un champ

Voici j'ai un select fait dynamiquement par une base de donné
au dessou j'ai le tableau correspondant au renseignement du champ

je voudrais actualisé le tableaux en fonction du select

donc voici j'appelle ma page de cette façon mapage.ph?ident = 01
ça me donne les numero de dossier correspondant a cet identifiant dans le select
et me met automatiquement les informations dessou concernant le premier dossier

j'ai lu un peu des initiation sur l'ajax

et j'ai fais :
requete.php

Code:

1
2
3
4
echo '&nbsp; &nbsp; <p><a href="javascript:getValeur()">Cliquez ici pour lancer la requête </a></p>';
 echo '<span id="zoneMessage">';
requete SQL + tableau
echo '</span>';

ajax.js

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
var requete = null;
 
function creerRequete() {
    try {
        requete = new XMLHttpRequest(); /* On essaye de créer un objet XmlHTTPRequest */
    } catch (microsoft) {
        /* Microsoft utilise une autre technique, on tente de créer un objet ActiveX */
        try {
            requete = new ActiveXObject('Msxml2.XMLHTTP');
        } catch(autremicrosoft) {
            /* On en teste une autre méthode si la première n'a pas marchée */
            try {
                requete = new ActiveXObject('Microsoft.XMLHTTP');
            } catch(echec) {
                /* Si aucune méthode ne fonctionne, il ne reste plus qu'à mettre à jour le navigateur ! */
                requete = null;
            }
        }
    }
    if(requete == null) {
        alert('Votre navigateur ne semble pas supporter les objets XMLHttpRequest.');
    }
}
 
function getValeur() {
	creerRequete(); /* initalise la variable globale "requete" */
 
	valeur = document.getElementById('Doc').value; /* On récupère la valeur sélectionnée dans la liste déroulante */
 
	var url = 'requete.php?ident='+valeur; /* On définie l'url à appeller en passant cette valeur */
 
	requete.open('GET', url, true); /* Préparation d'une requête asynchrone de type GET */
 
	requete.onreadystatechange = function() {
		if(requete.readyState == 4) { /* 4 signifie que l'état est "complete" */
			if(requete.status == 200) { /* code HTTP si tout est ok */
				document.getElementById('zoneMessage').innerHTML = requete.responseText; // Traitement de la réponse, on met à jour notre span 'zoneMessage'
			}
		}
	};
 
	requete.send(null); /* Effectue la requête */
}

malheureusement cela ne fait rien!! mon explorer marque "erreur sur la page"

j'ai aussi une question : le tableau est créé avec comme requete :

Code:

SELECT * FROM $table WHERE $contenu = '$data'

$data étant le contenu de mon select.
malheureusement cette donnée est créée grâce a une requete faite au dessu
donc je peux pas la mettre dans l'adresse?