Bonjour,

Je souhaite exécuter une page php depuis ajax.
Le résultat de la page php me retourne 10 lignes.
Ces 10 lignes, je voudrais les affichés dans la page grâce à un <div>

Merci de votre aide,

page php :
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
<?php
$sql = "SELECT * FROM pwb_evenements where ".$_GET['date'];
try{
    $db = new PDO($dsn,$user,$pass);
    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $req = $db->query($sql);
    $data = array();
    $data = $req->fetch();              
    while($data = $req->fetch()){
        //echo "<div class='external_".$this->jour."-event'  >".$data['TITRE']."</div>"; 
        echo "<div class='external-event'><li class='fc-event'><donnee>".$data['TITRE']."</donnee></li></div>\n";
        }
    }  catch (PDOException $error_string){
        echo "";
    }
echo "</exemple>\n";
?>
page html:
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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<script type='text/javascript'>
function ajax(){
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }else if (window.ActiveXObject){
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax(xhr); };
 
    //on affiche le message d'acceuil
    document.getElementById("message").className="tumevois";
    alert("ssss");
    //on appelle le fichier reponse.txt
    xhr.open("GET", "php/com_prevu.php?date=12/04/2012", true);
    xhr.send(null);
}
 
function alert_ajax(xhr){
    if (xhr.readyState==4) {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName("donnee")
    	//on fait juste une boucle sur chaque element "donnee" trouvé
    	document.getElementById("message").className="tumevoispas";
    	for (i=0;i<items.length;i++){
            //alert (items.item(i).firstChild.data);
            document.getElementById("txtHint").innerHTML=items.item(i).firstChild.data;
    	}
    }
}
</script>
<body>
<div id="txtHint"></div>
<body>
</html>