Javascript 使用Ajax显示注释

我正在使用Django进行一个项目。主页上有用户帖子列表，每个帖子都有一个评论表单。我能够在视图上正确地实现注释，但现在的问题是当我提交注释时，它会显示空字符串，而不是在chrome控制台中显示注释。提交表单时，如何按用户显示每篇文章的评论。我在我的问题上附上了一张图片来澄清我的问题

home.html

  <div id="newfeeds-form">
  {% include 'ajax_newfeeds_comments.html' %} 
  </div>

阿贾克斯：

//HomeFeeds评论
$（文档）.ready（函数（）{
$（'feeds form'）。在（'submit'，onSubmitFeedsForm）上；
$（'.feeds form.textinput'）。在({
“keyup”：OnKeyUpput，
“更改”：OnKeyUpput
});
函数onkeyuput（事件）{
var textInput=$（event.target）；
textInput.parent（）.find（'.submit'）.attr（'disabled'，textInput.val（）=''）；
}
SubmitFeedsForm上的函数（事件）{
event.preventDefault（）；
log（$（this.serialize（））；
var form=$（event.target）；
var textInput=form.find（'.textInput'）；
var hiddenField=form.find（'input[name=“post_comment”]”）；
$.ajax({
键入：“POST”，
url:“{%url”站点：主页“%”，
数据：form.serialize（），
数据类型：“json”，
beforeSend:function（）{
form.find（'.submit'）.attr（'disabled'，true）；
},
成功：功能（响应）{
$（'#newfeeds form'+hiddenField.val（））.html（response.form）；
textInput.val（“”）；
var numberOfCommentsElement=$（“#注释数”）；
numberOfCommentsElement.text（parseInt（numberOfCommentsElement.text（））+1）；
},
错误：函数（rs，e）{
console.log（rs.resopnseText）；
},
完成：函数（）{
textInput.trigger（'change'）；
}
});
}
});

实际上，您不需要ajax，只需：

let value = $('myInput').val();
$('myCommentContainer').prepend(`
Format the comment as you want ${value}
`)

$('myInput').val('') // To empty the value

现在正常调用ajax：

$({
type: 'POST',
  url: "{% url 'site:home' %}",
  data: form.serialize(),
  dataType: 'json',
  beforeSend: function() {
    form.find('.submit').attr('disabled', true);
  },
  success: function(response) {}
})

完成后，将成功留空

---

在ajax成功中添加它会使它变慢

实际上，您不需要ajax，只需：

let value = $('myInput').val();
$('myCommentContainer').prepend(`
Format the comment as you want ${value}
`)

$('myInput').val('') // To empty the value

现在正常调用ajax：

$({
type: 'POST',
  url: "{% url 'site:home' %}",
  data: form.serialize(),
  dataType: 'json',
  beforeSend: function() {
    form.find('.submit').attr('disabled', true);
  },
  success: function(response) {}
})

完成后，将成功留空

---

在ajax成功中添加它会使它变慢

让comments=Post.comments.all（），然后使用for遍历注释loop@Anoop.. 让评论在ajax调用中？是的，提交评论后，让ajax调用整个评论again@Anoop..its不起作用如果是Django Rest框架，那么让comments=Post.comments.all（），然后使用for遍历注释会更容易loop@Anoop.. 让评论在ajax调用中？是的，提交评论后，让ajax调用整个评论again@Anoop..its不工作如果是Django Rest框架，对您来说会更容易

$({
type: 'POST',
  url: "{% url 'site:home' %}",
  data: form.serialize(),
  dataType: 'json',
  beforeSend: function() {
    form.find('.submit').attr('disabled', true);
  },
  success: function(response) {}
})