[AJAX] Comment gérer plusieurs requetes?

Peut etre que mon message est peu clair d'ou pas de reponse jusquà present.

Concretement pour peut etre etre plus comprehensif dans ce que je recherche à faire.

Le pseudo code suivant fonctionne et le resultat correspond au resultat voulu, à savoir:

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
 
<script type="text/javascript" id="master-detail-portlet">
 
	// Associative array of name.
	var adminSettingsArray = new Array();
 
	// Associative array portletID.
	var portletIDsArray = new Array();
 
        // Just for testing. We get normally these values from elsewhere
	portletIDsArray[0] = 1623;
	portletIDsArray[1] = 1625;
	portletIDsArray[2] = 1626;
 
       // Index
       var i = 0;
 
        // function which calls a server-side request URL (Asp.net application)
        function get_Content_$$PORTLET_ID$$()
	{
                // Requesting to get the content for the first div (id = 1623)
               adminSettingsArray["ADMIN_PREFERENCES"] = ("some_values");
             	var request = new PTHTTPPOSTRequest(gatewayedUrl, adminSettingsArray, handleResponse_1);
		request.invoke();
 
                // Requesting to get the content for the first div (id = 1625)
               adminSettingsArray["ADMIN_PREFERENCES"] = ("some_values");
             	var request = new PTHTTPPOSTRequest(gatewayedUrl, adminSettingsArray, handleResponse_2);
		request.invoke();
 
                // Requesting to get the content for the first div (id = 1626)
               adminSettingsArray["ADMIN_PREFERENCES"] = ("some_values");
             	var request = new PTHTTPPOSTRequest(gatewayedUrl, adminSettingsArray, handleResponse_3);
		request.invoke();
        }

et ensuite le wrapper pour afficher la reponse dans le div suivant le divid.

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
 
function handleResponse_1(response) 
{ 
       var element = document.getElementById('refresh-elem-id-1623');
 
        var responseText = response.responseText;
 
	if (response.type == PTHTTPResponse.RESPONSE_TYPE_OK)
	{
		element.innerHTML = responseText;
	}
	else
        {
               alert("errors");
        }
}
 
function handleResponse_2(response) 
{ 
       var element = document.getElementById('refresh-elem-id-1625');
 
       // then same as handleResponse_2(response) ...
}
 
 
function handleResponse_3(response) 
{ 
       var element = document.getElementById('refresh-elem-id-1626');
 
       // then same as handleResponse_1(response) ...
}

Comme dit plus haut, ce code fait ce que je souhaite obtenir au final. Cest a dire que j'appelle mon application dotnet en lui passant des paremetre avec POST et j'affiche le resultat dans un div suivant un divid. J'ai 3 objects XmlHttpRequest et 3 fonctions pour recupérer la reponse car j'ai 3 div à remplir.

Le probleme de ce code, c'est qu'il ne peut pas etre utiliser pour un nombre aleatoire de balise div à rafraichir (ou plutot pour un nombre aleatoire de portlet sur la page puisque je travaille sur un portal). Donc comment rendre globalement le code Ajax générique pour quil soit utilisable quelque soit le nombre de requete à envoyer au serveur?

Cordialement