javascript - 如何在 jQuery ajax post 中传递动态数据量

Question

$.ajax({
  url: '<?=parseLink("modules/Contacts/output/output.php")?>',
  data: { 
    $('.contacts-block-input-text').each(function(){
      id: $(this).attr('id'),
      value: $(this).val()
    })
  },
  type: 'post',
  success: function(result){
    $('.resultMessage').text(result)
  }
})

因此会有动态数量的输入字段，我需要收集所有 contacts-block-input-text 值并以某种方式将它们传递到 data 字段中。我怎么能这样做？给定的示例不起作用。

Answer 1

你必须构建一个数组，收集你的输入数据:

var myData = [];
$('.contacts-block-input-text').each(function(){
  myData.push({
      id: $(this).attr('id'),
      value: $(this).val()
  });
});

然后您可以使用 myData 将其传递给 ajax 调用。

$.ajax({
  url: '<?=parseLink("modules/Contacts/output/output.php")?>',
  data: myData,
  type: 'post',
  success: function(result){
    $('.resultMessage').text(result)
  }
});