Un souci en jQuery - Ajax - PHP

Bonjour à tous,

Je viens vers vous car je rencontre un souci avec jQuery ( la fonction ajax ) et PHP. Pourtant ce que je veux faire est simple .. je vous explique

On arrive sur la page index.php ou il y a une div "accordion" (vide), ce qu'il y a dans la div est généré dynamiquement donc je le fais en Ajax,

$(document).ready(function () {  
		   $.ajax({ type: "POST", //methode GET ou POST 
				url: "scripts/getAlarms.php", //url à appeler
				data: "id=123456", // id a faire passer
				success: function(msg){
				??????? // récupération et affichage dans la div accordion
				}
			});
		});

Donc je fais passer l'id en post au script PHP qui est ici "123456", et ensuite le PHP revient à faire ça :

if( $_POST['id'] == 123456){
   for($i; $i< 100; $i++){
    $tab_html .= "le résultat <br />";
 }
}

et l'idée moi c'est que le temps que $tab_html se créé j'affiche un temps de chargement ( loading simple en gif.. ) et ensuite j'affiche $tab_html dans le fichier index.php ( ou il y a la requete ajax ) dans la balise "accordion" une fois tab_html chargé..

Voila je galère un peu ...
Merci d'avance de vos réponses

Salut il existe une fonction $.ajaxStart et $.ajaxStop pour afficher un loader.

Bonjour,

cela devrais ressembler à ça.

success: function(msg){

				$("#idDivAccordeon").append(msg)
				}

if( $_POST['id'] == 123456){

   for($i; $i< 100; $i++){

    $tab_html .= "le résultat <br />";

 }
echo $tab_html;
}