XMLhttpRequest dans deux pages
Bonjour,
le titre n'est peut etre pas tres evocateur mais je vaisessayé de m'expliquer
J'ai une page php (ou html) qui, sur l'appui sur un bouton appel un script js qui lance une requete se trouvant dans une deuxieme page php (ex liste lies FAQ)
Ceci me permettant d'afficher dans la premiere page un tableau comprenant les données de ma requete et tout cela sans rafraichissement de ma page.
le tableau issu de ma requete est construit dans la deuxieme page php
et s'affiche dans ma premiere page sans rechargement de celle ci avec cette ligne :
Code:
1
2
|
<td class="txtboldcentre" id="liste" style="display:inline" width="400px"></td> |
dans ce tableau des lignes s'affiche et peuvent etre ajoutés dynamiquement cependant je voudrais en supprimer grace a un bouton qui s'affiche pour chaque ligne mais cela sans rechargement de ma page cad (en evitant une autre page php avec le traitement et comprenant un include)
Comment puis je faire pour que l'utilisateur puissent effacer la ligne choisi sans rechargement de la page sachant que le tableau est construit dans la 2e page et que les scripts js (XMLhttpRequest) se trouve dans la 1ere Page?
exemple de script se trouvant dans la premiere page et appelant la 2e :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
function affichage(){
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){
leselect = xhr.responseText;
// innerHTML pour rajouter les options a la liste
document.getElementById('liste').innerHTML = leselect;
}
}
// Post
xhr.open("POST","list1.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// post des arguments
nl = document.getElementById('numliste');
numliste = nl.options[nl.selectedIndex].value;
xhr.send("aff=ok&numliste="+numliste);
} |
