Ajax通過循環發佈多個變量？

Question

我試圖從已經創建動態，能夠「用戶名」發佈多個變量的ID，如「用戶名1」，「用戶名2」等我正在尋找一種方式來動態地發送到這些ONE AJAX POST請求。我的問題主要是與data參數。

var numOfInputs = $('input').length; 

    $.ajax({ 
    type: "POST", 
    url: "ajax.php", 
    // need way to dynamically pass more of these via numOfInputs. 
    data: ({username1 : $('#username1').val()}), 
    success: function(msg){ 
     $('#statuses').html(msg); 
    } 
    }); 

請求的HTML：

<input type="text" id="username1"></input><button id="add">+</button><button id="check">Check</button> 

<div id="added-fields"> 
</div> 

<div id="statuses"> 
</div> 

Answer 1

var data = {}; 
for (var i = 1; i <= numOfInputs; i++) { 
    data["username" + i] = $("#username" + i).val(); 
} 
$.ajax(
    ... 
    data: data, 
    .... 
) 

Answer 2

那麼你可以說：

$.ajax({ 
    type: "POST", 
    url: "ajax.php", 
    data: $('input').map(function() { 
          var o = {}; 
          o[this.id] = this.value; 
          return o; 
      }); 
    ...