javascript - Ajax获取输入文本框数组并将结果显示到div

Question

这是我的显示表单

<form name='foodlist' action='checkout' method='POST'>
  <table>
    <tr>
      <td>Product Name</td>
      <td>Price</td>
      <td>Quantity</td>
      <td>Amount</td>
    </tr>
    <tr>
      <td><input type='text' name='foodname[]' size='10' class='foodname' /></td>
      <td><input type='text' name='price[]' size='2' class='price'/></td>
      <td><input type='text' name='qty[]' size='2' class='qty'/></td>
      <td><input type='text' name='amt[]'  size='2' class='amt'/></td>
    </tr>
    <tr>
      <td><input type='text' name='foodname[]' size='10' class='foodname' /></td>
      <td><input type='text' name='price[]' size='2' class='price'/></td>
      <td><input type='text' name='qty[]' size='2' class='qty'/></td>
      <td><input type='text' name='amt[]'  size='2' class='amt'/></td>
    </tr>
  </table>
</form>

我有 AJAX jQuery 来获取输入值。

$.ajax({
  type : "POST",
  url : "ajaxfood.php",
  data: $('[name="qty[]"]').serialize(),
  success : function(html) {
    alert (html);
  }
});

这是我的 php:

<?php
  $qtys = $_POST['qty'];
  echo json_encode($qtys);
?>

上面的代码运行良好并显示了 qty 数组。但我的问题是我想获取 php.ini 中的所有文本框。我尝试发送 while 表单，但没有成功

data: $('form').serialize(),

1. 如何发送整个表单数据。
2. 以及如何获取它 php。
3. 以及如何将结果放入 div 中。

我的第一个问题对我来说非常重要。请帮忙

Answer 1

尝试在 JS 中使用 $('form').serializeArray() 处理 AJAX 数据。如果您使用的是新版本的 Chrome，则可以使用开发工具 (F12) 中的控制台通过以下方式查看表格中的输出:

var formArray = $('form').serializeArray(); 
console.table(formArray);

如果您看到其中的所有信息，则它应该可以在服务器端代码的 PHP $_POST 变量中找到。在服务器上使用相同的 var_dump() 调用来确保它存在。 -http://jsfiddle.net/rsrj07fn/

这会将信息发送到服务器，并将其打印在服务器上以确保其存在。 var_dump() 不适用于您的成品，仅用于调试目的，以便直观地查看分配给服务器端变量的内容(例如 $_POST)。如果您只想使用发送到服务器的数据的字符串值，您应该能够使用，例如:

echo $_POST['foodname'][0];
echo $_POST['foodname'][1];

echo $_POST['price'][0];
echo $_POST['price'][1];

等等

将它们全部放在一个 DIV 中:

echo "<div>";
   echo $_POST['foodname'][0]."<br>";
   echo $_POST['foodname'][1]."<br>";
   echo $_POST['price'][0]."<br>";
   echo $_POST['price'][1]."<br>";
   echo $_POST['qty'][0]."<br>";
   echo $_POST['qty'][1]."<br>";
   echo $_POST['amt'][0]."<br>";
   echo $_POST['amt'][1]."<br>";
echo "</div>";