在 django 模板上定期更改 div 中的数据

Question

我想定期更改出现在我的页面上的 cmets（数据）。我在这里提到了一个问题，但数据没有改变，但它在页面刷新时发生了。

这是我在 views.py

中的代码

def index(request):
    count = Article.objects.all().count()
    comments = Article.objects.values_list('content')[randint(0, count - 1)][0]
    context = {
        'current_date': datetime.now(),
        'title': 'Home',
        'comments': comments,
    }
    return render(request, 'index.html', context)

还有 urls.py

urlpatterns = [
    url(r'^$', index, name='index'),
    url(r'^about/$',about),
    # url(r'^comments/$',ArticleCreateView.as_view(), name='comments'),
    url(r'^admin/', admin.site.urls),
]

还有index.html

<div>
    <div id="comments">
        {{ comments }}
    </div> 
</div>

<script>
    var ALARM_URL = "{% url 'index' %}";
    function refresh() {
        $.ajax({
            url: ALARM_URL,
            success: function(data) {
                $('#comments').html(data);
            }
        });
    };
    $(document).ready(function ($) {
        refresh();
        var int = setInterval("refresh()", 3000);
    });
  </script>

Answer 1

您的视图index() 返回一个HTML 页面，因此参数data 包含整个HTML 页面。

您可能想要添加第二个仅返回 JSON 数据的视图，可能像这样：

views.py

def index_data(request):
    # here you return whatever data you need updated in your template
    return JsonResponse({
        'something_1': 0,
    })

urls.py

url(r'^data$', index_data, name='index-data'),

然后在你的 AJAX 调用中你做这样的事情：

url: "{% url 'index-data' %}",
success: function(data) {
    $('#comments').html(data['something_1']);
}

如果有帮助，请告诉我们。

---

编辑

您可能还需要调整计时器；将函数名传递给它，但不调用它，也不是作为字符串（参见the docs of setInterval）：

$(document).ready(function ($) {
    refresh();
    setInterval(refresh, 3000);
});