如何在django模板的if陳述句中使用django變數到javascript字串變數中

我想使用 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 >\
                            <div >\
                                <p >' response.chat[key].message '</p>\
                                <p >' 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']

uj5u.com熱心網友回復：

我的js不太好，所以我會使用部分html來回答你的問題。

1. 在您的模板中創建一個 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 %}

3. 呼叫你的 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 來實作它。

標籤：javascript django 阿贾克斯 django-模板

上一篇：如何使用jQuery將類添加到HTML中的div？

下一篇：如何在基于檔案的macOS應用程式中處理不同的檔案型別？