[AJAX] Appel deux pages

**sooprano** · 24/03/2009, 14h20

bonjour bon mon probleme c'est que j'ai deux DIV(corps1, corps2) et je veux faire appelle a mes deux pages et l'inserrer dans ces dernier a l'aide methode ajax es c possible ?

voila mon code

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
 
<Script language="javascript">
function ajax(page1, cible)
{
var xhr3=null;
if(window.XMLHttpRequest)
{
xhr3=new XMLHttpRequest;
}
if(window.ActiveXObject)
{
xhr3 = new ActiveXObject("Microsoft.XMLHTTP");
}
 
xhr3.onreadystatechange= function()
{
document.getElementById("cible").innerHTML=xhr3.responseText;
}
 
xhr1.open('GET',page1,true);
xhr1.send(null)
}
</Script>
</head>
<body>
<a href="javascript:ajax('hebergement.html');"
<div id="corps1"></div>
<div id="corps2"></div>
</body>
</html>

les deux pages que je veux les appeller c'est hebergement.html et menuh.html

**E.Bzz** · 24/03/2009, 14h27

Bonjour,
oui, bien sûr c'est possible.

Il suffit de faire 2 appels Ajax indépendants.

En passant en paramètre la page et l'id du div à alimenter, tu peux le gérer avec une seule fonction (à appeler deux fois avec des paramètres différents, donc)

A+

**sooprano** · 24/03/2009, 15h06

Envoyé par E.Bzz

Bonjour,
oui, bien sûr c'est possible.

Il suffit de faire 2 appels Ajax indépendants.

En passant en paramètre la page et l'id du div à alimenter, tu peux le gérer avec une seule fonction (à appeler deux fois avec des paramètres différents, donc)

A+

wi c'est possible on remplacont cible par nom de DIV ca marche chez moi si on fait appelle a une seul page mais si je veux appelle deux pages j'ai besoin de deux appelles alors avec un seul parametre (page) chaqu une alors mais comment en faire avec a href comment on lui dire appelle nous deux page html

et SVP peut tu me preciser ?

**E.Bzz** · 24/03/2009, 15h24

Si tu enlèves les quottes ici

Code :

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

document.getElementById("cible").innerHTML=xhr3.responseText;

et que tu n'oublies pas le 2° paramètre ici :

Code :

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

<a href="javascript:ajax('hebergement.html', 'corps1');">

Si en plus, tu refermes la balise <A href> d'où tu appelles ta fonction, ça devrait marcher

A+

**sooprano** · 24/03/2009, 16h43

Envoyé par E.Bzz

Si tu enlèves les quottes ici

Code :

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

document.getElementById("cible").innerHTML=xhr3.responseText;

et que tu n'oublies pas le 2° paramètre ici :

Code :

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

<a href="javascript:ajax('hebergement.html', 'corps1');">

Si en plus, tu refermes la balise <A href> d'où tu appelles ta fonction, ça devrait marcher

A+

wi j'ai fais ce que tu m'as dis mais ca marche pas maleuresement

moi je veux faire deux appelles en meme temps avec une seul A href qui va faire appelle a mes deux pages(hebergement.html, menuh.html)ces dernieres seront inserrer dans les deux div que j'ai

j'en sais si il y a une faute dans mon code mais voila j'en affiche malgré tout

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
 
<script language="javascript">
function ajax(page,cible)
{
var xhr3=null;
if(window.XMLHttpRequest)
{
xhr3=new XMLHttpRequest;
}
if(window.ActiveXObject)
{
xhr3 = new ActiveXObject("Microsoft.XMLHTTP");
}
 
xhr3.onreadystatechange= function()
{
document.getElementById("cible").innerHTML=xhr3.responseText;
}
 
xhr3.open('GET',page,true);
xhr3.send(null)
}
</script>
</head>
<body>
<div id="hebergement"></div>
<div id="menuh"></div>
<a href="javascript:ajax('hebergement.html', 'hebergement');">cliquez ici</a>

j'espere que j'ai bien présenter mon problème merci de bcp de votre aide E.Bzz

**emmanuel.remy** · 24/03/2009, 22h40

Voilà ce que te dit E.Bzz:

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
<script language="javascript">
function ajax(page,cible)
{
var xhr3=null;
if(window.XMLHttpRequest)
{
xhr3=new XMLHttpRequest;
}
if(window.ActiveXObject)
{
xhr3 = new ActiveXObject("Microsoft.XMLHTTP");
}
 
xhr3.onreadystatechange= function()
{
   if (xhr3.readyState == 4)      {
      document.getElementById(cible).innerHTML=xhr3.responseText;
   }
}
 
xhr3.open('GET',page,true);
xhr3.send(null)
}
</script>
</head>
<body>
<div id="hebergement"></div>
<div id="menuh"></div>
<a href="javascript:ajax('hebergement.html', 'hebergement');ajax('menuh.html', 'menu')">cliquez ici</a>

ERE

**Bootax** · 25/03/2009, 10h28

Si je peux me permetre, pour le ligne

Code html :

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

<a href="javascript:ajax('hebergement.html', 'hebergement');ajax('menuh.html', 'menu')">cliquez ici</a>

il est preferable de ne pas utiliser "javascript:" plus d'info ici

**E.Bzz** · 25/03/2009, 11h26

Envoyé par Bootax

il est preferable de ne pas utiliser "javascript:" plus d'info ici

Tout à fait exact.

Mais il y avait d'autres problèmes à gérer avant

A+

**RomainVALERI** · 25/03/2009, 13h16

Envoyé par E.Bzz

Mais il y avait d'autres problèmes à gérer avant

A+

En obstétrique on appelle ça un accouchement au forceps

**sooprano** · 25/03/2009, 15h03

merci bcp les gas de m'avoir aider ca marche parfaitement et j'ai resolu les probleme grace a vous j'ai meme pu apprendre d'autre choses merci E.bzz et emannuel botax

**emmanuel.remy** · 25/03/2009, 18h11

Envoyé par sooprano

merci bcp les gas de m'avoir aider ca marche parfaitement et j'ai resolu les probleme grace a vous j'ai meme pu apprendre d'autre choses merci E.bzz et emannuel botax

Et pour la forme, n'oublie pas

que le nombre de requête AJAX simultanées est limité par le navigateur (par exemple paramètre network.http.max-persistent-connections-per-server chez Firefox). Donc par exemple si tu as déjà deux onglets qui font de l'ajax en arrière plan, tu as un risque potentiel d'un rafraichissement en deux fois visible, un pour chaque requête que tu exécutes.

ERE

[AJAX] Appel deux pages

AJAX

Discussions similaires

Partager

Partager