在Django中使用jquery刷新for循环中的内容

{% for item in items %}
    <div id="item_{{ item.id }}">{{ item.name }}</div>
{% endfor %}

<script src="https://cdn.jsdelivr.net/npm/jquery"></script>

<script>
    $(document).ready(function() {
        setInterval(function() {
            $.ajax({
                url: '/refresh_items/',  // 刷新数据的后端接口URL
                type: 'GET',
                success: function(data) {
                    // 根据返回的数据更新对应的内容
                    $.each(data, function(index, item) {
                        $('#item_' + item.id).text(item.name);
                    });
                }
            });
        }, 5000);  // 每隔5秒刷新一次
    });
</script>

from django.http import JsonResponse

def refresh_items(request):
    # 获取需要刷新的数据
    items = Item.objects.all()

    # 构造需要返回的数据
    data = []
    for item in items:
        data.append({
            'id': item.id,
            'name': item.name
        })

    return JsonResponse(data, safe=False)

from django.urls import path
from .views import refresh_items

urlpatterns = [
    # 其他URL配置...
    path('refresh_items/', refresh_items, name='refresh_items'),
]