配列内の数字の集合全体をリストするのではなく、特定の数になるまで自動的に1を加算します。

Question

配列の中に数字のリストがあります。配列内の各番号で1つずつ、外部Webサイト（URL変数）にリクエストが行われ、Webページの内容が表示されます。

配列にすべての数字（1,2,3,4,5,6,7,8,9）をリストするのではなく、test2.phpにリクエストが行われるたびに1を加える方法数字は9です（これは配列の最後です）？

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 

$({}).queue("ajax", $.map(arr, function(item, i) { 
    return function(next) { 
    return $.ajax({ 
       type: "POST", 
       url: "test2.php", 
       data: {n:item} 
      }) 
      .then(function(data) { 
      $("#here").append(data); 
      next(); 
      }); 

    } 
})).dequeue("ajax") 

test2.php

if (isset($_POST["n"])) { 
    $content = file_get_contents("https://www.example.com?id=" . $_POST["n"]); 
    echo $content 
} 

Answer 1

この

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script> 
var i = 1; 
jQuery(document).ready(function(){ 
    function callAjax() { 
     $.ajax({ 
      type: "POST", 
      url: "test2.php", 
      data: {n:i}, 
      success:function(data){ 
      $("#here").append(data); 
      if (i++ < 9) { 
       callAjax(); 
      } 
      } 
     });   
    } 
    callAjax(); 
}); 

を試してみてくださいに他の方法があり、あなたがHTML

Answer 2

に#here div要素を持っていることを確認してください。これに従うあなたが収集したコンテンツを表示するの世話をするAJAXの成功機能に続いて

if (isset($_POST["n"])) { 
    $pages = array(); 
    $number = intval($_POST['n']); 

    if ($number > 0) { 
    for($i = 1; $i <= $number; $i++) { 
     $pages[] = file_get_contents("https://www.example.com?id=" . $i); 
    } 
    } 
    return $pages; 
} 

：あなたのシナリオでは、あなたのPHPファイルは次のようになります。

Answer 3

なぜループしないのですか？

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 

for(var i = 0; i < arr.length; i++) { 

    $.ajax({ 
     type: "POST", 
     url: "test2.php", 
     data: {n:arr[i]} 
    }) 
    .then(function(data) { 
     $("#here").append(data); 
    }); 

} 

もちろん、表示順序はこのようにしておきますが、オリジナルの関数は配列の順序を維持します。それが必要条件だ場合は、ループ内での関数の配列を作成して、そのように、$の.queue（）関数に渡したいと思います：

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
var q = []; 

for(var i = 0; i < arr.length; i++) { 
    q.push((function(i){ 
     return function(next){ 
      $.ajax({ 
       type: "POST", 
       url: "test2.php", 
       data: {n:arr[i]} 
      }) 
      .then(function(data) { 
       $("#here").append(data); 
       next(); 
      }); 
     } 
    })(i)); 
} 
$({}).queue("ajax", q).dequeue("ajax"); 

配列を削除し、ちょうどループを使用してインデックス：

var q = []; 
var q_start = 1; 
var q_end = 9; 

for(var i = q_start; i <= q_end; i++) { 
    q.push((function(i){ 
     return function(next){ 
      $.ajax({ 
       type: "POST", 
       url: "_test2.php", 
       data: {n:i} 
      }) 
      .then(function(data) { 
       $("#here").append(data); 
       next(); 
      }); 
     } 
    })(i)); 
} 
$({}).queue("ajax", q).dequeue("ajax"); 

Answer 4

ここでは、コードです：

$({}).queue("ajax", $.map(new Array(9), function(item, i) { // ← notice here 
    return function(next) { 
    return $.ajax({ 
       type: "POST", 
       url: "test2.php", 
       data: {n: i + 1 } // ← and here 
      }) 
      .then(function(data) { 
      $("#here").append(data); 
      next(); 
      }); 

    } 
})).dequeue("ajax"); 

何が変わったが、私が代わりにアイテムのindex (i) + 1リファレンスを使用したことです。これは、0からi開始ために動作し、それはarray.length - 1をリーチャー、この場合、Iはループのために必要と$.map

のパラメータとして9つの不定要素（new Array(9)）のアレイを通過しなくなるまで1だけインクリメントしますコードはあまり正確ではありませんが、あまりコードを変更することなくあなたの目的に合っています