Question

我正在一个网站上工作，用户可以在posts下方评论某些内容，并在Python＆amp; Django的。

只要用户发表评论，我就会在不刷新网页的情况下更新评论。这是代码，

在views.py

postType1 = sorted(Posts.objects.filter( . . . ), key=lambda x: random.random())

postType2= Posts.objects.filter( . . . )

在模板中，

//  BLOCK - 1
{% for post in postType1 %}

<p>{{ post }}</p>

  <div class="comm_update" action="{% url 'comment:create' post.id %}">

    <form class="comm_form" action="{% url 'comment:create' post.id %}" method="post" enctype="multipart/form-data">
      {% csrf_token %}
      <textarea id="id_comment"></textarea><br /><br />
      <button type="submit">Submit</button>
    </form>

  </div>

{% endfor %}

<hr />

// BLOCK - 2
{% for post in postType2 %}

<p>{{ post }}</p>

  <div class="comm_update" action="{% url 'comment:create' post.id %}">

    <form class="comm_form" action="{% url 'comment:create' post.id %}" method="post" enctype="multipart/form-data">
      {% csrf_token %}
      <textarea name="comment_text" id="id_comment"></textarea><br />
      <button type="submit">Submit</button>
    </form>

  </div>

{% endfor %}

自动更新评论而不刷新网页，

$(document).on("submit", ".comm_form", function(t) {
t.preventDefault();
var o = $(this),
    e = $.post(o.attr("action"), o.serialize()),
    n = o.attr("action");
e.done(function(t) {
    var e = $(t).find(".comm_update[action='" + n + "']");
    o.closest(".comm_update").html(e), o[0].reset()
})
});

在localhost上，一切正常。

*但是在实时服务器上，第一个阻止BLOCK - 1不会更新评论，而是当用户按下submit整个评论部分消失时。

我们如何解决这个问题？

谢谢！

Ajax在Localhost上工作但在Live Server上没有

0 个答案: