通过 AJAX 添加的表单字段无法加载到 $_POST 数组中

Question

我有一个简单明了的 HTML 表单，允许人们订购一些小册子。表单首先加载看起来有点像这样的内容：

<script type="text/javascript">
  var tableRowN = 1;
</script> 

<form id="Order" name="Order" method="post" action="includes/orderCheck.php">
    <input id="name" type="text" name="name" width="100" />
    <table id="orderingTable">
      <tr class="lastRow">
        <td><div id="itemGroupdiv1">
            <input type="text" class="disabled" name="itemGroup1" id="itemGroup1" />
          </div></td>
        <td><div id="itemCodediv1">
            <input type="text" name="itemCode1" id="itemCode1" class="disabled" />
          </div></td>
        <td><div id="itemCodeVersiondiv1">
            <input type="text" class="disabledSmall" id="itemcodeversion1" name="itemcodeversion1" />
          </div></td>
      </tr>
    </table>
    <input type="submit" name="submit" id="submit"/>
  </form>

然后，当用户想要向表中添加新行时，他可以单击一个按钮，该按钮会触发以下 javascript 函数，以通过 AJAX 获取新表代码并将其插入。

function createItemLine() {
tableRowN++;    
$('tr.lastRow').attr('class', '');
    $('#orderingTable').append('<tr class="lastRow"></tr>');
    $.ajax({
      url: "/orderingTable.php?rNumber=" + tableRowN,
      cache: false,
      success: function(html){
        $("tr.lastRow").append(html);
        alert('loaded');
      }
    }); 
}

然后，AJAX 函数运行到 PHP 脚本，该脚本创建下一行，滚动 ID 和名称等，并在数字上加上 +1。

<td><div id="itemGroupdiv2">
<input type="text" class="disabled" name="itemGroup2" id="itemGroup2" />
</div></td>
<td><div id="itemCodediv2">
<input type="text" name="itemCode2" id="itemCode2" class="disabled" />
</div></td>
<td><div id="itemCodeVersiondiv2">
<input type="text" class="disabledSmall" id="itemcodeversion2" name="itemcodeversion2" />
</div></td>

到目前为止，没有什么令人惊讶的吗？一切都应该非常简单......

问题是，当我添加新行（在 Firefox 和 Chrome 中）时，新行完全被表单提交过程忽略，并且它们永远不会传递到 $_POST 数组中。

这是一个已知问题吗？我以前没有遇到过这个...

感谢您的指点， H

Answer 1

使用 jQuery.trim(data) 但这不太确定，因为会影响
您的数据内容。或者查看这个可能会帮助你

Answer 2

你的表缺少 html id 吗？ jQuery 选择器 $('#orderingTable') 正在寻找 id="orderingTable" 的内容

Answer 3

在一些彻底的（我的意思是彻底的）事实证明，以下简单（但很明显）的 HTML 错误可能会导致此问题： 格式

1. 错误的代码 EG 丢失等
2. 重复或丢失表单“名称”属性

在创建经过正确验证的 HTML 时，表单已提交，所有值均已正确传递到 _POST 数组中。这是一个实例课，可确保您的开发人员在尝试使用他们的编码方法之前注意基础知识；）

Answer 4

我发现使用 .html() 插入内容而不是.append() 或 .append() jquery.com/prepend" rel="nofollow">.prepend() 使插入的表单字段按预期工作。

Answer 5

我刚刚花了很长时间来解决这样的问题。

我正在使用 ajax 将输入字段插入表单，但该输入字段没有显示在 $_POST 提交数组中，这真是太烦人了！！！！无论如何，我通过检查所有 html 来修复它，结果发现我的表单“打开”位于页面上的主 div 之一内部，而不是外部。

因此：

<div>
    <form>
        <input type="text" name="input_field">
    </div>
</form>

现在固定为：

<form>
    <div>
        <input type="text" name="input_field">
    </div>
</form>

愚蠢，我知道，但在巨大的形式中，很难发现！简而言之，只要整理好你的 html，它就会起作用，我希望能对某个地方的人有所帮助:-)

M