Отправить данные формы в php из записей, загруженных ajax

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> 

nowWhen я нажимаю на пост, комментарий работает для одной записи, которая является последней записью. Мне нужно отправить идентификатор нет. и значение textarea для php-страницы для обновления в mysql, но оба комментария показывают одинаковый идентификатор записи и комментарий. Это не работает для sencond один

Answer 1

Try ссылаться на форму с $(this)

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