Question

我有一个带有textarea和dropzone的表单，用于上传图像，然后提交按钮。单击提交按钮后，将创建新注释，并将textarea内容保存到数据库，并将所有图像添加到dropzone（它们分别存储在服务器和数据库中）。

我正在尝试通过ajax加载包含评论的div，并且在每个评论下方应显示该特定评论的所有图像。

我正在这样调用函数：

<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");

作为此代码的结果，所有注释的加载工作正常，并且正确显示了图像名称（正确数目的图像及其名称），但最后一个注释却不正确。最后的注释显示所有图像，但应仅显示属于最后添加的注释的那些图像（如上面的queryx所示）。

Answer 1

此问题已解决...在上面给出的示例中，我正在加载#comments_ticket_div，后来在代码中，我试图加载#comments_ticket_div内部的＃refresh-gallery div-从而以某种方式造成了问题。

对于该解决方案，我删除了＃refresh-gallery div的加载，并在Dropzone .on成功函数中添加了#comments_ticket_div的加载。

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

Ajax-从数据库为每个注释分别加载数据

1 个答案: