从ajax加载的记录向php发送表单数据

Question

我正在尝试使用ajax发送表单数据。我的索引页面记录是在使用ajax从远程页面获取后显示的。

下面是我的页面图片。

每个记录都有注释框，我想使用ajax将这些注释存储在数据库中。

下面是我的jquery

$(function(){
  $('body').on('submit','.comment_p',function(){
  var post_id = $("#post_id").val();
  var com_dis= $("#comment_disc").val();
  var cominfo = 'id=' + post_id + '&disc=' + com_dis;
  if(com_dis=='')
     {
    alert('Please add your comment');
  } else{
    $.ajax({
      type:"POST",
      url:"/comment_update.php",
      data:$(".comment_p").serialize(),
      success: function(data){
        alert(data);
           }
     });
  }
  return false;
  });   
});

我在单击时使用了body，因为这些记录是从远程页面加载的。我的表格在下面

<div class="panel-zesteve-textarea">
   <form method="post" id="'.$row['id'].'" class="comment_p">
     <input id="post_id" type="hidden" name="post_id" value="'.$row['id'].'">
     <textarea id="comment_disc" name="comment_disc" rows="2" cols="48"></textarea>
     <button id="com_submit" type="submit" class="btn btnbg">Post comment</button>
     <button type="reset" class="[ btn btn-default ]">Cancel</button>
   </form>

现在当我点击帖子时，评论正在为最后一条记录工作。我需要发送ID号和文本区值到PHP页面更新在mysql，但两个评论都显示相同的记录ID和评论。这对一号参议员不起作用

Answer 1

尝试用$（this）引用表单

data: $(this).serialize(), instead of `data:$(".comment_p").serialize(),`