[AJAX] creation deux objets xhr dans une seule fonction
salut j'utilise la metode ajax et je me demande si je peux creer de objet xhr l'une va appeler page xxx.php l'un va appelle yyy.php juste pour rafraichissement
svp aidez moi sur ca voila ce que j'ai fais
admin_control.js
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 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89
| 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;
}
/***********************fin*****************************/
/******************************************************/
/*********************admin****************************/
/***************contact.php***************/
function ajax3(){
var xhr = getXhr(); // xhr
var xhr1 = getXhr(); // xhr1
// 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;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('admin').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","accee_admin.php",true);
// ne pas oublier ça pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ne pas oublier de poster les arguments
// ici, l'id de l'auteur
var login=document.getElementById('login').value;
var password=document.getElementById('password').value;
/***********control login password**************/
if(login!=="" && password!=="")
{
document.getElementById('login').style.background='#FFFFFF';
document.getElementById('password').style.background='#FFFFFF';
}
else if(login!=="" && password=="")
{
document.getElementById('login').style.background='#FFFFFF';
document.getElementById('password').style.background='red';
return false;
}
else if(login=="" && password!=="")
{
document.getElementById('login').style.background='red';
document.getElementById('password').style.background='#FFFFFF';
return false;
}
else if(login=="" && password=="")
{
document.getElementById('login').style.background='red';
document.getElementById('password').style.background='red';
return false;
}
/***********fin control***************/
xhr.send('login='+login+'&password='+password);
xhr1.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr1.readyState == 4 && xhr1.status == 200){
leselect1 = xhr1.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('menu').innerHTML = leselect1;
}
}
// Ici on va voir comment faire du Get
xhr1.open("GET","menu.php",true);
xhr1.send(null)
}
/**********************fin*****************************/ |
maleuresement sa marche pas pour deuxieme Div :(