[AJAX] Afficher le résultat d'une requête avec AJAX

**bsidy1** · 09/07/2011, 20h09

Bonsoir à tout le monde
Je suis nouveau dans l'utilisation de la technologie AJAX.
Je voudrai savoir comment afficher le résultat d'une requete avec ajax
je m'explique

Quand j'exécute ma requête avec php le résultat est retourner au format tableau (array). Je voudrai afficher le resultat dans un tableau HTML (table) mais je me demande comment le faire.
Je rappel que je suis un novice avec ajax

**NoSmoking** · 09/07/2011, 23h29

Bonsoir,
il suffit d'utiliser les méthodes insertRow et insertCell pour créer les lignes et les cellules est mettre via innerHTML, par exemple ou la méthode createTextNode, la valeur dans la cellule.

Un petit exemple

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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
table {
  border : 1px solid #e0e0e0;
  empty-cells : show;
}
td {
  border : 1px solid #e0e0e0;
}
</style>
<script type="text/javascript">
function createLigne( id){
  var oRow, oCel, oTxt, oParent = document.getElementById( id);
  if( oParent){
    for( var lig = 0; lig < 3; lig++){
      oRow = oParent.insertRow(-1);
      for( var col = 0; col < 3; col++){
        oCel = oRow.insertCell(-1);
        oTxt = document.createTextNode( (oRow.rowIndex +1) +'-' + (oCel.cellIndex +1));
        oCel.appendChild( oTxt);
      }
    }
  }
}
</script>
</head>
<body>
<button onclick = "createLigne( 'ma_table');">Ajouter</button>
<table id="ma_table">
</table>
</body>
</html>

**bsidy1** · 12/07/2011, 10h57

merci mon grand je vais le tester et je te ferai un feedback
un exemple avec une base de donnée serai le bien venu
merci

[AJAX] Afficher le résultat d'une requête avec AJAX

AJAX

Discussions similaires

Partager

Partager