У меня есть небольшой фрагмент, который представляет собой систему комментариев. Я пытаюсь сделать это, когда я нажимаю submit, сама форма обновится, и так будут комментарии.Как перезагрузить PHP-запрос с помощью JQuery (включена страница)
Я пробовал использовать AJAX, но я ничего не вижу, когда я нажимаю «Отправить». My frontpage.php включает в себя каждый элемент проигрывателя. и здесь является основой для player_comments.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>
Как сделать так, чтобы, когда я нажимаю отправить, внутри все это включают перезагружается?
что эта цель атрибута в запросе Ajax? это не в документации, попробуйте вместо этого: 'success: function (data) {$ ('# comment-text'). html (data);}' и отправить запрос в правильной форме ajax '$ .ajax .. . – CME64
@ CME64, который является div, который содержит комментарии. Я не очень хорош с AJAX, я прав, думая, что идет внутри вариантов var? –
вот страница документа: http://api.jquery.com/jquery.ajax/ – CME64