Afficher résultat requêtes ajax dans une page PHP de la bonne manière !

Bonjour à tous ,

J'ai un problème sur la réalisation finale de cette partie de code.
Voila un aperçu de que ce que le code en dessous donne : http://prntscr.com/kob8s0

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<?php
if(isset($TAB){
    ?>
          <div class="content">
                <div class="container-fluid">
                    <div class="row">
 
                    <h3 class="title text-center">Mes TAB</h3>
                    <?php
                }
                    $sql = "SELECT * FROM TAB WHERE user_id = '$user_id'";
                    $req = $db->query($sql);
                    $req->setFetchMode(PDO::FETCH_ASSOC);
                        ?>
<style type="text/css">
                                        .text_align_right { text-align: right; }
                                        .text_align_left  { text-align: left; }
                                        .td1              { width: 50%; }
                                        .first-half       { text-align: right; float: left; width: 50%; }
                                        .second-half      { float: right; width: 50%; }
                                    </style>
<?php
 
                    foreach($req as $row)
                    {
 
                    ?>
 
 
                        <div class="col-md-8 col-md-offset-2">
                            <br />
                            <div class="card">
                                <div class="card-content table-responsive">
                                    <style type="text/css">
                                        .text_align_right { text-align: right; }
                                        .text_align_left  { text-align: left; }
                                        .td1              { width: 50%; }
                                        .first-half       { text-align: right; float: left; width: 50%; }
                                        .second-half      { float: right; width: 50%; }
                                    </style>
                                                                        <table class="table table-hover">
                                        <tbody>
                                            <tr>
                                                <td class="text_align_right td1">Type d'offre :</td>
                                                <td>
 
                                                    <?php
                                                            echo $row['product'];
                                                        ?>
                                                </td>
                                            </tr>
                                            <tr>
                                            <td class="text_align_right">Identifiant :</td>
                                                    <td>
                                                        <?php
                                                            echo $row['identifiant'];
                                                        ?>
                                                    </td>
                                            </tr>                                            
 
                                             <tr>
                                                <td class="text_align_right">Serveur :</td>
                                                <td>
                                                <?php
                                                    echo $row['serveur'];
                                                    $numserveur = $row['serveur'];
                                                ?>
                                                </td>
                                             </tr>
 
 
                                             <tr>
                                                <td class="text_align_right"><strong>TEST :</strong></td>
                                                <td><strong>
 
                                            <?php
 
                                                $identifiant = $row['identifiant'];
                                            ?>
                                               </strong></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                             <table style="width:100%;">
                                            <tbody>
                                                     <tr>
                                                        <td>
                                                            <center>
 
 
 
 
   <?php
 $selectip = $db->query("SELECT * FROM serveur WHERE nom='$numserveur'");
                                                            $rip = $selectip->fetch(PDO::FETCH_OBJ);
                                                            $ip = $rip->ip;
                                                            $port = $rip->port;
 
                                                        ?>
 
 
 
 
 
 
 
 
                                                            </center>
                                                        </td>
                                                    </tr>
                                                                                            </tbody>
                                        </table>                                                                      
                                </div>
                            </div>
                        </div>
                        <?php
        }
?>
<script>
 
 
 
 
function go(){
    var identifiant = '<?php echo $identifiant; ?>';
    var ip = '<?php echo $ip; ?>';
    var port = '<?php echo $port; ?>';
 
 
 
    $.post("script.php", { identifiant: identifiant, ip:ip, port:port},
    function(data) {
     $('#results4').html(data);
 
    });
 
}
go();
$(document).ready(function(){
 setInterval(go,10000);
});
</script>
 
<div id="results4">
</div>

Une fois ma page totalement chargée, c'est à dire que chaque tableau contient les infos qui lui appartiennent, une requête AJAX est envoyée a un autre serveur qui récupère un pourcentage.
Voila ce que sa donne -> http://prntscr.com/kobafd ( à la place du Nan c'est un pourcentage dans le réel ;) )

Comme vous avez pu le voir la requete ajax fait appel à un fichier script.php que voici :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
 
<?php
$identifiant = $_POST['identifiant'];
$ip = $_POST['ip'];
$port = $_POST['port'];
 
 
 
$connection_string = ssh2_connect($ip, $port);
 
// $connection_string = ssh2_connect('127.0.0.1', 22);
 
if (@ssh2_auth_password($connection_string, 'tobi', 'MDP'))
{
 
}
else
{
    throw new Exception("Authentication failed!");
    echo'Connexion échouée, le serveur est surement down ! ';
}
 
 
 
$stream = ssh2_exec($connection_string, 'php /var/www/html/autre.php '.$identifiant);
 
stream_set_blocking($stream, true);
 
$stream_out = ssh2_fetch_stream($stream, SSH2_STREAM_STDIO);
 
$pourcentage = stream_get_contents($stream_out);
echo $pourcentage;
?>
<table style="width:100%;">
                                            <tbody>
                                                <div class="alert alert-info">
                                                                    <div class="container-fluid">
                                                                        <b>CHargement : 
                                                                            <script>
 
 
                                                                            </script>
                                                                            <?php
 
                                                                                $pourcentage = trim($pourcentage);
 
                                                                            ?>
                                                                                  </b>
                                                                        </div>
                                                                </div>
                                                     <tr>
                                                        <style>
                                                        .progress {background: rgba(227, 227, 227, 1); border: 1px solid rgba(163, 148, 148, 1); border-radius: 25px; height: 24px;}
.cust-progressbar {background: rgba(4, 192, 209, 1);} 
.progress-striped .cust-progressbar {background-color: rgba(4, 192, 209, 1); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0.15),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255, 255, 255, 0.15)),color-stop(0.75,rgba(255, 255, 255, 0.15)),color-stop(0.75,transparent),to(transparent))); background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-size: 40px 40px;}
</style>
 
                                                <div class="col-md-6 col-md-offset-3">
 
                                                 <div class="progress progress-striped">
    <div class="progress-bar cust-progressbar active" role="progressbar" aria-valuenow="<?php echo $pourcentage; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $pourcentage;?>%;">
        <?php echo $pourcentage; ?> prêt
    </div>
</div>
 
                                            </div>
                                             </tr>
                                                                                            </tbody>
                                        </table>

Et comme vous l'avez vu dans le deuxième screen, il y a une barre bleu qui s'est affichée par rapport au premier screen, c'est le resultat de la requete ajax, mais malheureusement mon problème est la.

Le pourcentage change ce qui est normal car je recharge ajax, et la requete ajax prend pour valeur le deuxième identifiant du tableau, et bien sur le rectangle reste dans le premier service du tableau ce qui devient incorrect...

Donc en clair ;) J'ai un problème pour executer cette requete ajax pour chacun des services et que le résultat s'affiche en dessous de chaque service ! ( sa semble tellement facile à dire .. xD )

Voila le réusltat révée :) : http://prntscr.com/kobd4z

J'avoue que je suis complétement perdu, je ne comprends pas comment je peut afficher le résultat d'une requete ajax sous le bon tableau..
En clair pour que le pourcentage de l'identifiant1 s'affiche dans le tableau ou est placé l'identifiant1 , et ainsi de suite..

Une solution évoquée serait la mise en place d'un identifiant sur la barre, mais je ne vois plus du tout comment réaliser mon souhait..
Merci d'avoir lu et merci à toute personne qui pourra fournir un micro bout de code !
[EDIT] J'oublié, pensez vous que mon script soit bien placé, ainsi que le result4 ? Ou je dois les mettres dans la boucle php