[AJAX] ajax php - affiché les informations depuis div

**bella1** · 12/04/2012, 18h07

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>

**bella1** · 12/04/2012, 18h52

J'ai oublié d'ajouter que dans la page, je récupère la dernière ligne sur les 10 lignes.

reponse php : Titre1 Titre2 Titre3 ... Titre10

Information affiché dans la page : Titre10

Encore merci,

**oceane751** · 14/04/2012, 23h58

au hazard:

Code :

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

1
2
 
document.getElementById('NomDeL'Id').innerHTML=docXML;

**andry.aime** · 16/04/2012, 08h38

Code :

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

1
2
3
4
document.getElementById("txtHint").innerHTML="";
for (i=0;i<items.length;i++){
            document.getElementById("txtHint").innerHTML += items.item(i).firstChild.data +"<br/>";
    	}

A+.

[AJAX] ajax php - affiché les informations depuis div

AJAX

Discussions similaires

Partager

Partager