[AJAX] Appel deux pages

Version imprimable

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:

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

24/03/2009, 14h27
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+
24/03/2009, 15h06
sooprano

Citation:

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 ?:(
24/03/2009, 15h24
E.Bzz

Si tu enlèves les quottes ici

Code:

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

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

Code:

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

A+

Citation:

Envoyé par E.Bzz

Si tu enlèves les quottes ici

Code:

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

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

Code:

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

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:

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

Voilà ce que te dit E.Bzz:

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

25/03/2009, 10h28
Bootax

Si je peux me permetre, pour le ligne

Code:

<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
25/03/2009, 11h26
E.Bzz

Citation:

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+
25/03/2009, 13h16
RomainVALERI

Citation:

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 :aie:
25/03/2009, 15h03
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:king:
25/03/2009, 18h11
emmanuel.remy

Citation:

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

Et pour la forme, n'oublie pas :roll: 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