javascript - Ajax通过循环发布多个变量？

Question

我正在尝试从已经可动态创建的“用户名”id 中发布多个变量，例如“用户名1”、“用户名2”等。我正在寻找一种将这些变量动态发送到 ONE ajax 发布请求。我的问题主要是 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,
   ....
)