Warum bekomme ich ein anderes Array?

Schönen Tag. Ich habe ein Problem mit verschiedenen Arrays.

Mein Code als nächstes:

setInterval(function() {

var TestName = [];
var requests = [];
TestName.push('0');
for($i=1; $i<8; $i++) {
    var id = $i;
    requests.push($.post("./Scripts/", {
    record:id,
    opt:'get_test'
    }, function(data){
          TestName.push(data);
    }));
}

 $.when.apply($,requests).done(function(){

     for($i=1; $i<8; $i++) {
$('#test'+$i).html('').html(TestName[$i]);

}
alert(TestName);
 });

}, 15000);

Dieser Code funktioniert, aber jedes Mal, wenn ich andere Arrays erhalte ...

Zum Beispiel:

alert(TestName); Ergebnis eins:

0,
<a href="#"><img src="./images/test1.png"></a>,
<a href="#"><img src="./images/test2.png"></a>,
<a href="#"><img src="./images/test3.png"></a>,
<a href="#"><img src="./images/test4.png"></a>,
<a href="#"><img src="./images/test5.png"></a>,
<a href="TestTestTestTestTest.php"><img src="./1358997710.jpg"></a>,
<a href="#"><img src="./images/test7.png"></a>,

alert(TestName); Ergebnis zwei:

0,
<a href="#"><img src="./images/test1.png"></a>,
<a href="#"><img src="./images/test2.png"></a>,
<a href="TestTestTestTestTest.php"><img src="./1358997710.jpg"></a>,
<a href="#"><img src="./images/test3.png"></a>,
<a href="#"><img src="./images/test5.png"></a>,
<a href="#"><img src="./images/test4.png"></a>,
<a href="#"><img src="./images/test7.png"></a>

Wie Sie sehen können, werden die Elemente des Arrays jedes Mal ausgetauscht, und manchmal werden die Elemente des Arrays in der falschen Reihenfolge angeordnet.

Sagen Sie mir bitte, wo möglicherweise ein Fehler im Code aufgetreten ist.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage