Javascript 如何使用Jquery重新加载PHP查询（包含页面）

我有一个小片段，它是一个注释系统。当我按下submit时，表单本身会刷新，评论也会刷新

我尝试过使用AJAX，但当我按下“提交”时，我看不到任何实际的启动。 Myfrontpage.php包含播放器的每个元素。 下面是播放器注释的核心。php:

    <script>

$(document).ready(function() { 
    var options = {
        url: '',
        target: '#comment-text', // target element(s) to be updated with server response
        type: 'post' // 'get' or 'post', override for form's 'method' attribute
    }; 

    // bind form using 'ajaxForm' 
    $('#song-comment-form').ajaxForm(options); 
}); 

</script>

<?
}
if(isset($userId)) {
    /* logged in only */
}

$iComments = 0;
$qComments = $db->query("
SELECT songs_comments.*, user.id AS uId, user.username AS uName, user.avatar AS uAvatar
FROM songs_comments LEFT JOIN user ON songs_comments.userid_from = user.id
WHERE songs_comments.songid = '".$rSong->id."' ORDER BY songs_comments.id DESC");
while ($rComments = $qComments->fetch_object()) {
    $showComments .= '
    <img src="../'.makeAvatar($rComments->uId,$rComments->uAvatar,50).'" class="avatar float-left" alt>
    <div class="comment">
        <div class="comment-text">'.$rComments->text.'</div>
        <div class="comment-footer">
            <a href="/">'.$rComments->uName.'</a> on '.dateStamp($rComments->time).'
        </div>
        <br style="clear:both;">
    </div>
    ';
    $iComments++;
} ?>
<div id="player-song-comments-wrap">
    <div id="player-song-comments-heading"><img src="template/images/icons/comments.png" alt> Comments</div>
    <div id="player-song-comments-sub-heading">
        <?=isset($userId)?'<a href="/" id="show-song-comment-form" class="float-right">Add comment</a>':'<a href="/register.php" class="modal float-right">Add comment</a>'?>
        <span id="song-comments-num"><?=$iComments?></span> comments for "<span id="song-comments-title"><?=$rSong->title?></span>"
        by <span id="song-comments-artist"><?=$rSong->artist?></span>
    </div>
    <hr>
    <form id="song-comment-form">
        <input type="hidden" value="<?=$rSong->id?>" class="song-id">
        <textarea class="editor" id="song-comment-textarea"></textarea><br>
        <input type="submit" value="Submit"><input type="button" value="Cancel" id="hide-song-comment-form">
        <hr>
    </form>
    <div id="player-song-comments">
        <?=$showComments?>
    </div>
</div>

$（文档）.ready（函数（）{
变量选项={
url:“”，
目标：'#注释文本'，//要使用服务器响应更新的目标元素
键入：“post”/“get”或“post”，覆盖窗体的“method”属性
}; 
//使用“ajaxForm”绑定表单
$（“#歌曲评论表”）.ajaxForm（可选）；
}); 
这里是您的ajax调用代码

$（文档）.ready（函数（）{
$（“#提交#U数据”）。在（'click'，函数（e）{
$.ajax({
类型：'POST'，
url:“player_comments.php”，
成功：功能（数据）{
控制台日志（数据）；
$（“#播放器歌曲评论包装”）.html（数据）
}
});
});
});
ajax请求中的目标属性是什么？它不在文档中，请尝试以下操作：
success:function（data）{$（'#comment text'）.html（data）；}
并以适当的ajax格式发送请求“$.ajax…”@CME64，即包含注释的div。我对AJAX不太在行，我的想法是否正确？这里是文档页面：您在控制台中得到了什么吗？？