[AJAX] Transformer un chargement par validation en chargement dynamique
Bonjour,
Actuellement, je fais un site qui me permet de remplir une base de données MySQL. Bref, 90% de page de formulaire.
Pour modifier les informations d'un membre par exemple, je vais chercher dans ma base la liste des membres. J'affiche le tout dans un <Select> et pour obtenir les informations sur ce membre (et les modifier) je dois cliquer sur un bouton pour recharger ma page.
J'aimerai le faire dynamiquement mais çà ne fonctionne pas. En fait je n'arrive pas à voir comment renvoyer juste des tableaux de variables. Bon avec le script çà serai plus parlant mais il fait 500 lignes sans compter les annexes !
Mon JavaScript :
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
|
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
function maj(){
var xhr = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){
ladate = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('test').innerHTML = ladate;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","majm.php",true);
// ne pas oublier ça pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// On recupere l'ID
memb = document.getElementById('membre');
idmemb = memb.options[memb.selectedIndex].value;
xhr.send("membre="+idmemb);
} |
Code PHP :
Code:
1
2
3
4
5
6
7
| <?php
include "membre.php";
if (isset($_POST['membre'])) {
$tableau = recup($_POST['membre']); $tableau2 = recup2($_POST['membre']); $tableauR = recupR($_POST['membre']); modifier(); }
?> |
HTML
Code:
1
2
3
4
5
6
7
| <fieldset><legend>$nom</legend><table><td><label>Membre </label> : <select name='membre' id='membre' onchange='maj();
...
<fieldset name="test" id="test" >
<label>Nom</label><span class="c2">*</span> : <input type="text" name="nom" value="<?php echo $tableau['Nom_Pers']; ?>"/>
... |
Bon je suis pas sur que ce soit suffisant
Merci d'avance
