<?php 

<script language="javascript" type="text/javascript">

function HTTPObject(){

    //xmlhttp est la variable qui va contenir l'objet lui même

    var xmlhttp = false;

    

    //args est le tableau des valeurs à passer à la page que l'on veut appeler

    var args=new Array();

    

    //vars est un tableau de valeurs associées à l'objet lui même. 

    //On peut y stocker des valeurs à utiliser après le retour de la fonction

    var vars=new Array();

    

    //Cette partie du code permet de créer l'objet XMLHTTPRequest en fonction du navigateur

    if ( window.XMLHttpRequest ){

        xmlhttp = new window.XMLHttpRequest();

    }    else {

        if ( window.ActiveXObject ) {

            //Le code de création pour Windows est simple.

            //On peut le simplifier pour gérer les différente versions de l'objet

             xmlhttp = new window.ActiveXObject( "Microsoft.XMLHTTP" );

        }    else    {

             throw "XMLHTTPRequest non supporté";

        }

    }

    //Cette méthode permet d'ajouter des éléments au tableau args

    this.addArg = function(p,v){

        args[p]=v;

    }

    //Cette méthode permet d'ajouter des éléments au tableau vars

    this.setVar = function(p,v){

        vars[p]=v;

    }

    //Méthode pour récupérer une valeur de vars

    this.getVar = function(p){

        return vars[p];

    }



    //Méthode pour récupérer une valeur de args

    this.getArg = function(p){

        return args[p];

    }

    

    //CallBack permet de spécifier le nom de la fonction à appeler après le traitement asynchrone

    //Deux valeurs seront renvoyées : 

    //- L'objet XMLHTTP lui même 

    //- le tableau des Variables que on y a sauvegardé

    this.callBack = function(func){

      xmlhttp.onreadystatechange = function() {

          if(xmlhttp.readyState != 4) return;

            try {xmlhttp.status;}

            catch (e) {return;}

          if ( xmlhttp.status != '200' ) {

              return;

          } else {

              eval(func+'(xmlhttp,vars);');

            }

      }

    }

    //Appel à la page de traitment avec la méthode POST

    this.post = function(p){

        s='';

        for(x in args)

            s+='&'+x+'='+args[x];

        xmlhttp.open('POST',p,true);

        xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

        xmlhttp.send(s);

    }

    //Appel à la page de traitment avec la méthode GET

    this.get = function(p){

        s='';

        for(x in args)

            s+='&'+x+'='+args[x];

        xmlhttp.open('GET',p+'?'+s,true);

        xmlhttp.send(null);

    }

}

</script> 

<?php 

<div onClick="getData(10,54)">Joueur AAA</div>

<div id="cnt_10" style="display:none"></div>

<div onClick="getData(11,63)">Joueur BBB</div>

<div id="cnt_11" style="display:none"></div> 

<?php 

<script language="javascript" type="text/javascript">

function getData(j,p) {

    //On commence par créer l'objet

    var _xhr=new HTTPObject();

    

    //on renseigne ensuite les valeurs qui seront utiles pour le traitement de la saisie

    //Ici par exemple j'ai juste besoin d'un ID pour aller rechercher des valeurs associées

    _xhr.addArg('joueur_id',j);

    _xhr.addArg('perso_id',p);



    //On peut même ajouter des variables locales à l'objet

    //Je suppose ici que à chaque joueur correspond un élément asocié pour afficher les infos de son porso

    //Je stocke en référence l'ID de l'élément HTML ou je dois afficher le résultat du traitement

    _xhr.setVar('container','cnt_'+j);

    

    //callBack est la fonction à appeler une fois le traitement terminé.

    // Cette valeur peut rester vide si il n'y a pas de retour à afficher

    _xhr.callBack('info_recup');

    

    //Ici, on fait un appel à la page getperso.php avec la méthode GET

    // L'url appelé ressemble à getjoueur.php?joueur_id=10&perso_id=54

    _xhr.get('getperso.php');

    

    //On veut indiquer que la recherche est en cours

    //On commence par faire apparaître la zone

    document.getElementById('cnt_'+j).style.display='';

    //Petit message pour faire patienter

    document.getElementById('cnt_'+j).innerHTML='Recherche en cours';

}



//Voici maintenant la fonction qui va traiter le retour de l'appel à PHP

//o est la référence à l'objet XMLHTTPRequest renvoyé en retour

//v est le tableau vars rempli à l'appel

function info_recup(o,v){

    document.getElementById(v[container]).innerHTML=o.responseText;

}

</script> 

<?php 

// Code de connexion //

...



// Requête //

...



//Préparation de la valeur de retour

$_text='Perso : '.$lnP['perso_nom'].'<br />';

$_text.='PV : '.$lnP['perso_vie'].'<br />';

$_text.='XP : '.$lnP['perso_exp'].'<br />';

...



header ('content-type: text/txt');

echo $_text;