动态添加新字段后提交表单答案

【问题标题】：Form submission after dynamically adding new fields动态添加新字段后提交表单
【发布时间】：2013-08-24 18:53:05
【问题描述】：

我有一个表格，例如。

HTML

<form id="data">

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

</form>

我有一些 javascript 可以添加更多的字段。我的朋友。

注意：我将避免添加一些 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 保存方法。

问候，道尔顿。

【问题讨论】：

显示你的ajax保存方法
@ArunPJohny 你好 Arun，我已经用 ajax 保存方法更新了问题
请在您发出这个 ajax 请求的地方添加代码。
我不认为这有什么不同，但请尝试将索引添加到您的输入中，以便 name="hostid[]" 变为 name="hostid[' + i + ']"

标签： javascript php jquery facebook facebook-javascript-sdk

【解决方案1】：

而不是使用

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

你可以得到类似的数据

// which will return a array.
var result  = $("input[name=hostid]").val();

// you can then serialize that array and pass to php

data:result.serializeArray()enter code here

【讨论】：

【解决方案2】：

而不是-

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

使用这个-

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

【讨论】：

嘿，这对我有用。但现在我收到一个新错误，它说请求 url 太大：jquery
stackoverflow.com/questions/8542061/... 可以帮助您。 PS。如果有帮助，不要忘记接受答案。干杯！