如何根据Django模板中的点击链接从列表中获取元素?

时间:2016-07-29 12:58:41

标签: django django-templates django-bootstrap3

我正在创建私人消息应用程序,我以这种方式呈现我的消息:

return render(request,'mssg/mssg_page.html', {'inbox':inbox, 'current_mssg':current_mssg,})

收件箱包含所有邮件。当前消息是应该完全显示的消息。我在模板中列出了这样的消息列表:

{% for mssg in inbox %}
    <a href="#"><!-- here -->
       <div class="right">
          <h3>{{ mssg.mssg_from.username }} <small>{{ mssg.delivery_date }}</small></h3>
          <h2>{{ mssg.title|safe }}</h2>
          <p>{{ mssg.text|safe|truncatewords:15  }}</p>
       </div>
    </a>
{% endfor %}

我也在同一模板中显示完整的当前消息 我想在点击<!-- here -->提交的链接后更改当前消息 我知道我可以发送消息ID来查看,验证它并将其发送回模板。但它需要刷新页面。但是,所有消息都已在inbox中列出的模板中,因此不需要刷新页面。我也知道可以从收件箱中选择一条消息,如{{inbox.0}}
但我不知道如何依赖点击链接。我想它需要javascript。但即使我知道我可以通过将inbox[0]置于模板中来执行inbox.0之类的操作,但我仍然不知道如何执行inbox[varriable]之类的操作。 有办法吗?
如果不必这样做,我不希望我的页面刷新 PS我正在使用bootsrap

1 个答案:

答案 0 :(得分:0)

使用AJAX可以解决您的问题。请参阅this StackOverflow answer,其中说明了如何执行此操作:

$('a').click(function() { // This is a listener to the link you mentioned.
    $.ajax({
        url: '127.0.0.1:8000/your_ajax_url', // You will need to create a URL for your AJAX call.
        type: 'get', // This is the default though, you don't actually need to always mention it
        success: function(data) {
            alert(data);
        },
        failure: function(data) { 
            alert('Got an error dude');
        }
    }); 
}