我正在创建私人消息应用程序,我以这种方式呈现我的消息:
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
答案 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');
}
});
}