Question

我研究Django并想使用ajax。阅读一些例子，但有问题。我需要通过点击名称网站的链接来显示所有帖子。视图：

def archive(request, page_number=1):
    posts = BlogPost.objects.all()
    current_page = Paginator(posts, 3)
    if request.is_ajax():
        t = loader.get_template("archive_ajax.html")        
    else:
        t = loader.get_template("archive.html")
    c = Context({'posts': current_page.page(page_number),
                 'username': auth.get_user(request).username})
    return HttpResponse(t.render(c))

base.html文件：

<h1><a class="refresh" >mysite.example.com</a></h1> (I need click it and update posts )

<div class="content">
<div>
{% block content %}

{% endblock %}
</div>
</div>

archive.html：

{% extends "base.html" %}

{% block content %}

{% for post in posts %}

{% include "archive_ajax.html" %}
{% endfor %}
{% endblock %}

archive_ajax.html（问题不在这里，我的意思是首先我需要解决更高的问题）：

<h2><a href="/blog/{{post.id}}">  {{ post.title }} </a> </h2>
<p> author: {{ post.author.username }}</p>
<p> {{ post.timestamp | date:"l, F jS, Y" }} </p>
<p> {{ post.body }} </p>

在base.html中包含jquery：<script src="/static/jquery-1.11.1.min.js" type="application/javascript"></script>

我尝试编写代码

$(document).ready(function(){
  $(".refresh").click(function(){
    console.log('clicked');
    $(".content").load("/blog/");                
 });
});

当我点击链接时，我会在可能是帖子的地方看到它：

 {"content": "

\n
\u0430\u0432\u0442\u043e\u0440:

\n
\n
\n", "status": 200, "statusText": "OK"}

在命令行中，我看到"GET /blog/ HTTP/1.1" 200 151

我尝试另一种方式并写道：

$(document).ready(function(){
$(".refresh").click(function(){
  $.ajax({
        type: "GET",
        url: "/blog/", 
        success : function(newdata) {
             $('.content').html(newdata);
         }
  });
});
});

现在，我可以看到任何可能是帖子的地方。在命令行中，我看到“GET / blog / HTTP / 1.1”200 151`

在视图中我添加了打印

if request.is_ajax():
    t = loader.get_template("archive_ajax.html")
    print('it is query'`)

在命令行中我看到了消息 - 它是ajax和js的查询。

我使用python 2.7.3，Django 1.6.5和jquery 1.11.1.min。

谢谢大家！我发现我的错误，它是在ajax和模板archive_ajax.html中。我认为这是我的疏忽。在模板中，我忘了为{{posts}}添加循环。现在是：

{% for post in posts %}
<h2><a href="/blog/{{post.id}}">  {{ post.title }} </a> </h2>
<p>автор: {{ post.author.username }}</p>
<p> {{ post.timestamp | date:"l, F jS, Y" }} </p>
<p> {{ post.body }} </p>
{% endfor %}

在ajax中我纠正了它：

$('.content').html(newdata.content);

Answer 1

写作不是一个好习惯：

<h2><a href="/blog/{{post.id}}">  {{ post.title }} </a> </h2>

查看{% url %} template tag。

修改 - 免责声明：当前用户的评价率不足。这就是为什么这个明显无答案的答案会发布在这里。

Django，用ajax更新页面

1 个答案: