我想使用 javascript 变量向我的页面添加一个 div。这个 div 必须在右边或左边取一个类,但是我的 if 条件在这个变量中不起作用,如果我在没有 javascript 的情况下尝试它,它就会起作用。
这是我的观点:
def chat(request,sender_id,receiver_id):
if request.user.is_authenticated:
if request.user.profile == 'C' or request.user.profile == 'A':
user = User.objects.filter(id=request.user.id).get()
receiver_user = User.objects.filter(id=receiver_id).get()
if request.user.profile == 'A':
chat = Chat.objects.filter(Q(sender_id=sender_id) | Q(receiver_id=sender_id)).all()
elif request.user.profile == 'C':
chat = Chat.objects.filter(Q(sender_id=sender_id,receiver_id=receiver_id) | Q(sender_id=receiver_id,receiver_id=sender_id))
context = {
'user': user,
'chat': chat,
'receiver_user': receiver_user,
}
return render(request,'chat/chat.html',context)
return render(request, 'Login/logout.html')
这是我的javascript:
$(document).ready(function(){
setInterval(function(){
$.ajax({
type: 'GET',
url : "{% url 'getMessages' request.user.id receiver_user.id %}",
success: function(response){
console.log(response);
$("#display").empty();
for (var key in response.chat)
{
var temp='<div class="msg-box {% if request.user.id == chat.sender_id %} right {% else %} left {% endif %}">\
<div class="details">\
<p class="msg">'+response.chat[key].message+'</p>\
<p class="date">'+response.chat[key].msg_time+'</p></div></div>';
$("#display").append(temp);
}
},
error: function(response){
console.log('An error occured')
}
});
},100);
});
这是我的 models.py :
class Chat(models.Model):
message = models.TextField(max_length=100000)
sender = models.ForeignKey(User,on_delete=models.CASCADE,related_name='sender')
receiver = models.ForeignKey(User,on_delete=models.CASCADE,related_name='receiver')
msg_time = models.DateTimeField(auto_now_add=True)
class Meta:
ordering = ['msg_time']
我的js不太好,所以我会使用部分html来回答你的问题。
在您的模板中创建一个 html 文件 (partial_msg.html):
def getMessages(request, sender_id, receiver_id):
if request.user.profile == 'A':
chat = Chat.objects.filter(Q(sender_id=sender_id) | Q(receiver_id=sender_id)).all()
elif request.user.profile == 'C':
chat = Chat.objects.filter(Q(sender_id=sender_id,receiver_id=receiver_id) | Q(sender_id=receiver_id,receiver_id=sender_id))
return render(request,'partial_msg.html',{'chats':chat}) #new
2)partial_msg.html(只是这个没有头)
{% for chat in chats %}
<div class="msg-box {% if request.user.id == chat.sender_id %} right {% else %} left {% endif %}">
<div class="details">
<p class="msg">{{ chat.message }}</p>
<p class="date">{{ chat.msg_time }}</p>
</div>
</div>
{% endfor %}
调用你的 JavaScript
$(document).ready(function(){
setInterval(function(){
$.ajax({
type: 'GET',
url : "{% url 'getMessages' request.user.id receiver_user.id %}",
success: function(response){
$("#display").empty();
$("#display").append(response);
},
error: function(response){
console.log('An error occured')
}
});
},1000);
});
注意:这只是一个想法,你可以如何使用 django 来实现它。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句