javascript - 动态添加新字段后表单提交

Question

我有一个表格，例如。

HTML

<form id="data">

  <input id="hostname" type="text" name="hostname" value="" />

</form>

我有一些 javascript，可以向 no 中添加更多字段。我有很多 friend 。

注意:我将避免添加一些 fb api 脚本以节省我的写作时间。如果您希望我重新编辑并添加它，请添加评论。

JAVASCRIPT

<script>
//load fb api
//authenticate with permissions {scope: email,friends_birthday,users_birthday}

FB.api('/me/friends?fields=id,name,birthday',function (friendsdata) {

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


      $('#hostname').after('<input type="text" name="hostid[]" value="'+friendsdata.data[i].id+'" />');

    }

    $.ajax({
      type: "GET",
      url: "php/send.php",
      data: $("#data").serializeArray(),
      success: function(send) {

      console.log(send);

      }
    });

  })      




</script>

PHP

$hostid = $_GET['hostid'];
print_r($hostid); // returns nothing if input field is generated using jquery after

以上工作完全正常。它检索数据并将其插入到字段中。但问题是当我尝试使用序列化数组通过 ajax 将此数据发布到 php 文件时。

由于输入字段的动态生成，我无法在 php 中接收 ids 数组。

如果我只是手动添加 id 字段，它就可以正常工作。

有什么建议或解决方案吗？

编辑

Arun 请求的 Ajax 保存方法。

问候，道尔顿。

Answer 1

而不是-

data: $("#data").serializeArray(),

使用这个-

data: { hostid: $("#data").serializeArray()},