Попытка опубликовать комментарии к "сообщениям", извлеченным из базы данных, но это только отправка комментария только к одному сообщению - PullRequest
Новая
       21

Попытка опубликовать комментарии к "сообщениям", извлеченным из базы данных, но это только отправка комментария только к одному сообщению

0 голосов
/ 16 марта 2019

У меня есть таблица для сообщений в моей базе данных и другая таблица для комментариев, я пытаюсь сделать так, чтобы я извлекал все свои сообщения из базы данных, и для каждого сообщения я давал форму для отправки комментариев. когда я пытаюсь опубликовать комментарии, используя эту форму с ajax, она работает только для одного сообщения, а не для других. (Здесь я хотел бы отметить, что, поскольку эта форма заполняется автоматически каждым сообщением, ее текстовая область имеет одинаковый идентификатор , возможно, это может быть причиной ошибки), но я не могу понять, как это исправить? любая помощь или предложение будут высоко оценены.

(Примечание: я не эксперт, а только ученик.)

вот мой код: 

    <?php
echo '<div class="'.$row['post_id'].'">';            

$connect = mysqli_connect("localhost", "root", "", "testing") or die("<p><span style=\"color: red;\">Unable to select database</span></p>");

$post_id = $row['post_id'];

$resultt = mysqli_query($connect,"SELECT * FROM tbl_comment WHERE parent_comment_id = '0' AND post_id = '$post_id' ORDER BY comment_id DESC ");
while($rowss = mysqli_fetch_array($resultt, MYSQLI_BOTH))
{
if ($rowss>0){
echo '
 <div>
  <div>'.$rowss["comment"].'</div>
  <div style="font-size: 12px; font-family: serif;">By <b>'.$rowss["comment_sender_name"].'</b> on '.$rowss["date"].'</div>
  <div align="right" style="margin-bottom: 19px;"><a href="#" class="reply" id="'.$rowss["comment_id"].'">Reply</a></div>
 </div>
 ';
} else { echo ''; } }

echo '</div>
<form method="POST" class="comment_form">
<div class="form-group"><textarea name="comment_content" class="form-control comment_content" post_id ="'.$row['post_id'].'" placeholder="Enter Comment" rows="2"></textarea></div>
    <div class="form-group">
     <input type="submit" name="submit" class="btn btn-info" value="Publish" onClick="adcomnt()" />
    </div>
   </form>

 <script>

                    function adcomnt() {
                    var post_id = $(".comment_content").attr("post_id");
                    var comment_name = '.$_SESSION['username'].';   
                    var comment_content = $(".comment_content").val();
                    var comment_id = 0;

                    $.ajax({
                        type: "POST",
                        url: "add_comment.php",
                        dataType: "json",
                        data: "post_id=" +post_id+ "&comment_content=" + comment_content+ "&comment_id=" + comment_id+ "&comment_name=" + comment_name, 
                        success: function(data) {
                if(data.status == "error"){
                alert("Oops, Comment not inserted!");
                } 
                else if(data.status == "success"){
                alert("Thank you! comment inserted!");


                }},
                    });


}

</script>

            </div>';
            ?>

Ответы [ 2 ]

0 голосов
/ 19 марта 2019

Проблема была исправлена ​​путем внесения нескольких изменений, поскольку это была форма внутри цикла, предоставив каждому элементу уникальный идентификатор:

вот обновленный код: 

    <form method="POST" class="comment_form" id="f'.$post_id.'">
        <div class="form-group"><textarea name="comment_content" class="form-control comment_content" id="content_'.$post_id.'" placeholder="Enter Comment" rows="2"></textarea></div>
            <div class="form-group">
              <input type="submit" id="submit_comment'.$post_id.'" post_id="'.$post_id.'" name="submit" class="btn btn-info" value="Publish" />
            </div></form>

<script>
       $(document).ready(function(){
        $( "#submit_comment'.$post_id.'" ).click(function(e) { 
        e.preventDefault()

Теперь этоработает как положено.

0 голосов
/ 16 марта 2019

Я не уверен, но я думаю, что проблема с переменными javascript "post_id" и "comment_content", которые выглядят не связанными с текстовой областью.

, поэтому вы можете попробовать что-то вроде этого: 

    <?php
    echo '<div class="'.$row['post_id'].'">';            

    $connect = mysqli_connect("localhost", "root", "", "testing") or die("<p><span style=\"color: red;\">Unable to select database</span></p>");

    $post_id = $row['post_id'];

    $resultt = mysqli_query($connect,"SELECT * FROM tbl_comment WHERE parent_comment_id = '0' AND post_id = '$post_id' ORDER BY comment_id DESC ");
    while($rowss = mysqli_fetch_array($resultt, MYSQLI_BOTH))
    {
    if ($rowss>0){
    echo '
     <div>
      <div>'.$rowss["comment"].'</div>
      <div style="font-size: 12px; font-family: serif;">By <b>'.$rowss["comment_sender_name"].'</b> on '.$rowss["date"].'</div>
      <div align="right" style="margin-bottom: 19px;"><a href="#" class="reply" id="'.$rowss["comment_id"].'">Reply</a></div>
     </div>
     ';
    } else { echo ''; } }

    echo '</div>

    <div class="form-group"><textarea name="comment_content" class="form-control comment_content" id="content_'.$row['post_id'].'" placeholder="Enter Comment" rows="2"></textarea></div>
        <div class="form-group">
         <input type="submit" id="submit_comment" post_id="'.$row['post_id'].'" name="submit" class="btn btn-info" value="Publish" onClick="adcomnt()" />
        </div>


     <script>
   $(document).ready(function()
{
    $( "#submit_comment" ).click(function(e) { 

    e.preventDefault(); 

    var post_id = $(this).attr("post_id");
    var comment_name = '.$_SESSION['username'].';   
    var comment_content = $("#content_"+post_id).val();
    var comment_id = 0;

    $.ajax({
        type: "POST",
        url: "add_comment.php",
        dataType: "json",
        data: "post_id=" +post_id+ "&comment_content=" + comment_content+ "&comment_id=" + comment_id+ "&comment_name=" + comment_name, 
        success: function(data) {
            if(data.status == "error"){
            alert("Oops, Comment not inserted!");
            } 
            else if(data.status == "success"){
            alert("Thank you! comment inserted!");


            }},
        });

    });

});
    </script>

                </div>';
                ?>
...