[AJAX] creation deux objets xhr dans une seule fonction

**sooprano** · 19/06/2009, 12h49

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 :

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
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

**andry.aime** · 19/06/2009, 13h01

Salut,
Utilise button à la place de submit.

**sooprano** · 19/06/2009, 14h16

Utilise button à la place de submit.

mais j'utilise deja input type bouton

Code :

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

<input name="Submit" type="button" id="Submit" onclick="ajax3()" value="Envoyer" class="button"/>

je crois que je dois rajouter quelque chose a admin_control.js pour lui dire actualise moi la page menu.php
menu.php

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php if(isset($_SESSION['pseudo'])){
                ?>
		<a href="admin-newslettre.php" onclick="ajax('admin-newslettre.php', 'corps'); return false" class="menubas">Newslettre</a>
		<?php
                }
                else
                { ?>
		<a href="admin.php" onclick="ajax('admin.php', 'corps'); return false" class="menubas">Administration</a>
		<?php
		}

**andry.aime** · 19/06/2009, 14h43

désolé,
Je ne comprend pas où en veux-tu venir avec ton PHP.
mais avec

xhr.send('login='+login+'&password='+password);

Tu dois les récupérer dans php avec

Code :

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

if(isset($_POST['login']) && isset($_POST['password']);

je crois que je dois rajouter quelque chose a admin_control.js pour lui dire actualise moi la page menu.php

Ce n'est pas le menu que tu actualises avec

document.getElementById('admin').innerHTML = leselect;

**sooprano** · 19/06/2009, 15h16

Envoyé par andry.aime

désolé,
Je ne comprend pas où en veux-tu venir avec ton PHP.
mais avec
Tu dois les récupérer dans php avec

Code :

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

if(isset($_POST['login']) && isset($_POST['password']);

Ce n'est pas le menu que tu actualises avec

je crois que je dois rajouter quelque chose a admin_control.js pour lui dire actualise moi la page menu.php

oui ta raison

maintenat j'ai changer mon code dans admin_control.js j'ai rajouter un autre objet xhr1
mais ca fonctionne pas.
pour le passage des variables login et password sa marche parfaitement j'ai seulement probleme de rafraichissement du div id="menu" a chaque fois que l'admin rempli les champs correcte(login , password) je veux a ce moment la le div s'actualise ?

**andry.aime** · 19/06/2009, 15h23

Pour rafraichir le div 'menu',

Code :

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

document.getElementById('menu').innerHTML = xhr.responseText;// en supposant xhr la variable XMLHttpRequest

Dans le php, tu faits echo pour écrire ton menu, par exemple

Code :

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

1
2
echo '<a href="lien.php">lien1</a>';
echo '<a href="lien2.php">lien2</a>';

Après requête de la vérification du login et mot de passe.

**sooprano** · 19/06/2009, 16h39

Envoyé par andry.aime

Pour rafraichir le div 'menu',

Code :

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

document.getElementById('menu').innerHTML = xhr.responseText;// en supposant xhr la variable XMLHttpRequest

Dans le php, tu faits echo pour écrire ton menu, par exemple

Code :

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

1
2
echo '<a href="lien.php">lien1</a>';
echo '<a href="lien2.php">lien2</a>';

Après requête de la vérification du login et mot de passe.

oui mais j'ai deux page (acce_admin.php, menu.php)
voici le code complet du menu.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
18
19
<table id="Tabla_01" width="768" height="45" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td background="images/pied_01.gif" width="768" height="8"></td>
	</tr>
	<tr>
		<td width="768" height="37" background="images/pied_02.gif" class="copyright">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<?php $d=date('Y'); print($d) ?> copyright &copy; INTERVALLE MEDIA &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="corps.php" onclick="ajax('corps.php', 'corps'); return false" class="menubas">Accueil</a> | <a href="quisomme nous.php" onclick="ajax('quisomme nous.php', 'corps'); return false" class="menubas">Qui somme-nous?</a> | <a href="const.php" onclick="ajax('const.php', 'corps'); return false" class="menubas">T&eacute;moignages</a> | <a href="client.php" onclick="ajax('client.php', 'corps'); return false" class="menubas">Nos clients</a> |<?php if(isset($_SESSION['pseudo'])){
                ?>
		<a href="admin-newslettre.php" onclick="ajax('admin-newslettre.php', 'corps'); return false" class="menubas">Newslettre</a>
		<?php
                }
                else
                { ?>
		<a href="admin.php" onclick="ajax('admin.php', 'corps'); return false" class="menubas">Administration</a>
		<?php
                }
                
                ?> &nbsp; | <a href="contacts" onclick="ajax('contacts.php', 'corps'); return false" class="menubas">Contactez-nous</a></td>
	</tr>
</table>

ce qui m'interesse dans la page menu.php

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php if(isset($_SESSION['pseudo'])){
                ?>
		<a href="admin-newslettre.php" onclick="ajax('admin-newslettre.php', 'corps'); return false" class="menubas">Newslettre</a>
		<?php
                }
                else
                { ?>
		<a href="admin.php" onclick="ajax('admin.php', 'corps'); return false" class="menubas">Administration</a>
		<?php
		}

ca veux dire que a href change quand la session est ouverte

alors c'est pour cela j'ai penser de faire deux objet xhr puisque la session s'ouvre quand l'utilisateur rempli les champs correctes tous ca dans page (accee_admin.php)
j'espere que tous est claire

[AJAX] creation deux objets xhr dans une seule fonction

AJAX

Discussions similaires

Partager

Partager