javascript - POST 没有获取所有表单变量

Question

试图弄清楚为什么我的代码没有发送所有 POST 数据。该代码在主页上用于获取存储在数据库中的请求信息，并在单独的页面上用于将我所做的状态更新发布到数据库。它基本上是相同的，除了变量名。

注意:我在这里搜索了很多。我使用了仅显示数组中“内容”数据的 var_dump。我对 js 不是很满意，但可以遵循其中的一些。因此，下面的代码是我在尝试扩展到另一页之前在一页上编辑和测试过的模板。这就是问题所在。我不确定为什么它适用于一个而不适用于另一个。抱歉，如果这被认为是任何东西的重复，但我没有在类似的帖子中找到一个很好的答案来解释原因。管理员.php:

<form action="insert.php" method="post" enctype="multipart/form-data">
   <div class="share">
      <div class="arrow"></div>
      <div class="panel panel-default">

         <div class="panel-body">
            <div class="">
               <img src="../logo.png" style="height:60px; width:60px; float:left; margin-right:3px;" />
               <textarea name="content1" id="content1" cols="40" rows="10"  class="form-control message" style="height: 60px; width:450px; overflow: hidden;"></textarea> 
            </div>
         </div>

         <div class="panel-footer">
            <div class="row">
               <div class="col-md-7">
                  <div class="form-group">
                     <div class="btn-group">
                        <select name="avatar" id="avatar" class="form-control-issue-avatar"> <----whats not sending
                           <option value="0" selected="selected">Author</option>
                           <option value="per1">P</option>
                           <option value="per2">W</option>
                        </select> 
                     </div>
                  </div>
               </div>
               <div class="col-md-5">
                  <input type="submit" value="Post" class="post_button">                               
               </div>
            </div>
         </div>
      </div>

</form>

这是 insert.php:

if(isSet($_POST['content1'], $_POST['avatar']))

{
 $content1=$_POST['content1'];
 $avatar=$_POST['avatar']; // <--- comes back NULL
$sql_in= mysqli_query($con,"SELECT comment,comment_id,status_time FROM comments order by comment_id desc");
$r=mysqli_fetch_array($sql_in);
}

最后是调用它的 post.js:

 $(function() {

$(".post_button").click(function() {

 var element = $(this);

 var test = $("#content1").val();

 var dataString = 'content1='+ test;

 if(test=='')
 {
 alert("Please Enter Some Text");

}
else
{
$("#flash").show();
$("#flash").fadeIn(400).html('<span class="loading">Loading Comment...</span>');


    $.ajax({
    type: "POST",
url: "insert.php",
 data: dataString,
cache: false,
success: function(html){



$("#display").after(html);

document.getElementById('content1').value='';
$("#flash").hide();

}


});
}


return false;
});

});

var_dump 等:

Array ( [content1] => sass )
C:\wamp64\www\post\insert.php:32:
 array (size=1)
'content1' => string 'sass' (length=4)

Answer 1

将id属性添加到表单，然后在表单上使用serialize()从表单中获取所有数据，通过ajax传递给php

<form id='formid'>


$.ajax({
data: $('#formid').serialize(),
//other Ajax stuff 

});