forループでのAjaxのポスト

Fremlth：

私は、ループ内の他のPHPページに電流i値を掲示し、そのPHPページから同じI値を取得するためにAJAXポストを使用します。投稿する前にしかし、私値が1ずつ増加しました。このラインconsole.log(data); 出力2,..,100,1、それはそう起こる理由.Iは理解していません。予想される出力です1,..,100。

for (i = 1; i <= 100; i++) {
  $.ajax({
    type: 'POST',
    url: '2.php',   
    data: { 'id': i }   ,
    success: function(data) {                                                                           
    //console.log(data);
    }
  });
}

2.php

<?php 
echo $_POST['id'];
?>

SV12：

その後、ループに関数を呼び出す新しい関数内でAJAX呼び出しを使用します。

また、非同期を追加：偽のあなたにAJAXリクエストを。これは、AJAX要求同期仕上げに前の要求を待って、その後、次の要求を送信する送信します。

何かのようなもの

function func() {
    for (let i = 1; i <= 100; i++) {
        makeRequest(i);
    }
}

function makeRequest(i) {
    $.ajax({
        type: 'POST',
        url: '2.php',
        data: {
            'id': i
        },
        async:false,
        success: function(data) {
            //console.log(data);

        }
    })
}