Php 如何使用jquery将ajax响应附加到循环中的特定ul
伙计们，我已经做了一个星期了。我有一个由许多帖子组成的新闻提要。当用户对特定帖子发表评论时。我想在不刷新页面的情况下，将他们的评论附加到他们评论的特定帖子中。我有一些东西目前正在工作，但不正常 下面的代码每次用户发表评论时，都会在最后一篇文章中追加响应。如果页面上有100条帖子，用户评论在第一位。注释将附加在底部的100标记处Php 如何使用jquery将ajax响应附加到循环中的特定ul,php,jquery,ajax,Php,Jquery,Ajax,伙计们，我已经做了一个星期了。我有一个由许多帖子组成的新闻提要。当用户对特定帖子发表评论时。我想在不刷新页面的情况下，将他们的评论附加到他们评论的特定帖子中。我有一些东西目前正在工作，但不正常 下面的代码每次用户发表评论时，都会在最后一篇文章中追加响应。如果页面上有100条帖子，用户评论在第一位。注释将附加在底部的100标记处 我使用postID作为我的唯一ID。哦，我的Javascript也在我的php循环中。任何人都可以帮忙 <ul class='post-comment-list
我使用postID作为我的唯一ID。哦，我的Javascript也在我的php循环中。任何人都可以帮忙
<ul class='post-comment-list we-comet' id='insertPostsComment$enCodePostsID'>
<!--Post comment echo-->
$getPostComments
<!--Post comment echo-->
<li>
<a href='#' title='' class='showmore underline'>more comments</a>
</li>
<li id='commentForm$enCodePostsID' class='post-comment empty-comment-form'>
<!--Comment form ajax out put-->
<!--Comment form ajax out put-->
</li>
</ul>
/*send comment to post comment reply controller with postID when button is clicked function*/
function sendComment(e) {
$('#submitCommentBtn').addClass('disabled');
comment = $('textarea[name=commentField]').val();
if(comment == ''){
$('div#commentStatus').html('<small>comment is a required field *</small>').css('color', 'red').fadeIn();
return false;
}
//get domain name only
var urLorigin = window.location.origin;
$.ajax({
type: 'POST',
url: urLorigin + '/appName/profile/ajaxSendComment',
cache: false,
data: $('form[name=comment-form]').serialize(),
success: function (response) {
$('textarea[name=commentField]').val(''); //empty textarea
/*display successs message*/
$('div#commentStatus').html('<small>Sent ✓</small>').css('color', 'green').fadeIn();
/*apend comment after send*/
$('div.coment-area').each(function(){
//append
$(response).clone().appendTo($(this).find('ul#insertPostsComment$enCodePostsID'));
});
/*apend comment after send*/
/*delay message closing for 5 seconds*/
$('div#commentStatus').delay(5000).fadeOut(0);
$('#submitCommentBtn').removeClass('disabled');
},
error: function(){
alert('An unknown error occurred!');
}
});
}
$getPostComments
-
-
/*单击按钮时，使用postID将评论发送给post评论回复控制器功能*/
函数sendComment（e）{
$（'#submitCommentBtn'）.addClass（'disabled'）；
comment=$（'textarea[name=commentField]'）。val（）；
如果（注释=“”）{
$（'div#commentStatus'）.html（'comment是必填字段*'）.css（'color'，'red'）.fadeIn（）；
返回false；
}
//仅获取域名
var urLorigin=window.location.origin；
$.ajax({
键入：“POST”，
url:urLorigin+'/appName/profile/ajaxSendComment',，
cache:false，
数据：$（'form[name=comment form]'）。序列化（），
成功：功能（响应）{
$（'textarea[name=commentField]）.val（“”）；//空textarea
/*显示成功消息*/
$（'div#commentStatus'）.html（'Sent✓；'））.css（'color'，'green'）.fadeIn（）；
/*发送后发送评论*/
$（'div.coment-area'）。每个（函数（）{
//附加
$（response.clone（）.appendTo（$（this.find（'ul#insertPostsComment$enCodePostsID'））；
});
/*发送后发送评论*/
/*延迟信息关闭5秒*/
$（'div#commentStatus'）。延迟（5000）。淡出（0）；
$（'#submitCommentBtn'）.removeClass（'disabled'）；
},
错误：函数（）{
警报（'发生未知错误！'）；
}
});
}