Ajax - загружать данные из базы данных для каждого комментария отдельно - PullRequest
Новая
       10

Ajax - загружать данные из базы данных для каждого комментария отдельно

0 голосов
/ 12 февраля 2019

У меня есть форма с textarea и dropzone для загрузки изображений и кнопка отправки.При нажатии кнопки «Отправить» создается новый комментарий и содержимое текстовой области сохраняется в базе данных, а все изображения добавляются в dropzone (они хранятся на сервере и в базе данных).

Я пытаюсь загрузить divкоторый содержит комментарии через ajax, и под каждым комментарием должны отображаться все изображения для этого конкретного комментария.

Я вызываю функцию так: 

<div id="comments_ticket_div"><?php echo commentsTicketList($id); ?></div>

И это моя функция сMySQL запросы и вывод: 

function commentsTicketList($id){
    global $dbh1;
    $query = $dbh1->query("SELECT a.*, b.avatar, b.first_name, b.last_name FROM `tickets_comments` AS a
    INNER JOIN users AS b
    ON a.tickets_comments_user = b.user_id
    WHERE tickets_comments_parent = $id AND comments_parent=0 ORDER BY a.tickets_comments_date DESC");
    $data = "";
    while ($a_row = mysqli_fetch_array( $query )) {
        $tickets_comments_id = $a_row['tickets_comments_id'];

        $data .= '<span class="timeline-seperator text-center"> <span>'.$a_row['tickets_comments_date'].'</span></span>
                    <div class="btn-group pull-right"></div></span>
                    <div class="chat-body no-padding profile-message">
                        <ul>
                            <li class="message">
                            ';                      
                            if (!empty ($a_row['avatar'])){
                                    $data .= '<img src="'.ASSETS_URL.'/img/avatars/'.$a_row['avatar'].'-50.png" alt="User" class="" />
                                              ';
                            } else {
                                $data .= '<img src="'.ASSETS_URL.'/img/avatars/sunny.png" alt="User" class="" />';
                            }

        $data .= '              
                                <span class="message-text"> <a href="javascript:void(0);" class="username">'.$a_row['first_name'].' '.$a_row['last_name'].' <!--small class="text-muted pull-right ultra-light"> 2 Minutes ago </small--></a>
                                '.$a_row['tickets_comments_body'].'
                                <div id="refresh-gallery">';

        $queryx = $dbh1->query("SELECT img_url FROM `tickets_attachments` WHERE parent_comment_id = $tickets_comments_id AND parent_ticket_id = $id");
        while ($b_row = mysqli_fetch_array( $queryx )) {
            $data .= '<p>'.$b_row['img_url'].'</p>';
        }   
        $data .= '              </div>
                                <ul class="list-inline font-xs">
                                    <!--li>
                                        <a href="javascript:void(0);" class="text-info"><i class="fa fa-reply"></i> Odgovori</a>
                                    </li-->
                                    <!--li>
                                        <a href="javascript:void(0);" id="'.$tickets_comments_id.'" class="text-danger deletecomment">Obriši</a>
                                    </li-->
                                </span>

                                </ul>
                                <!--input id="replubtn" name="replubtn" class="form-control input-xs" placeholder="Type and enter" type="text"-->
                            </li>
                        </ul>

                    </div>';                    
    }
    return $data;}

В случае успеха я загружаю этот div с комментариями: 

$("#comments_ticket_div").load( "<?php echo $_SERVER['REQUEST_URI'];?> #comments_ticket_div" );

А также div с запросом, чтобы получить все img для этого комментария: 

$('#refresh-gallery').load("/.../.../.../edit-ticket2.php?id=<?php echo $id;?> #refresh-gallery");

В результате использования этого кода загрузка работает правильно, все комментарии и названия изображений отображаются корректно (правильное количество изображений и их названия), но не последний комментарий.Последний комментарий показывает ВСЕ изображения, но он должен отображать только те изображения, которые принадлежат этому последнему добавленному комментарию (как указано в запросе x).

1 Ответ

0 голосов
/ 13 февраля 2019

Это было решено ... в приведенном выше примере я загружал #comments_ticket_div, а затем в коде я пытался загрузить # refresh-gallery div, который был внутри #comments_ticket_div - и это каким-то образом создало проблему.

В качестве решения я удалил загрузку # refresh-gallery div и отложил загрузку #comments_ticket_div в функции Dropzone .on success. 

myDropzone.on("success", function (file) {
    $('#comments_ticket_div').load("/../../../edit-ticket2.php?id=<?php echo $id;?> #comments_ticket_div");
});
...