django html 刷新列表,在Django中重新加载表数据而无需刷新页面

小编典典

您可以使用setInterval，jQuery AJAX以及view：

您的HTML

Reg.nr.	Märke	Modell

{% for i in order %}

{% if i.order_booked %}

{% else %}

{% endif %}

{{ i.regnr|upper }}{{ i.brand|capfirst }}{{ i.brand_model|capfirst }}

{% endfor %}

JS

var append_increment = 0;

setInterval(function() {

$.ajax({

type: "GET",

url: {% url 'get_more_tables' %}, // URL to your view that serves new info

data: {'append_increment': append_increment}

})

.done(function(response) {

$('#_appendHere').append(response);

append_increment += 10;

});

}, 10000)

视图

def get_more_tables(request):

increment = int(request.GET['append_increment'])

increment_to = increment + 10

order = Order.objects.filter(owner=request.user).order_by('-id')[increment:increment_to]

return render(request, 'get_more_tables.html', {'order': order})

get_more_tables.html

{% for i in order %}

{% if i.order_booked %}

{% else %}

{% endif %}

{{ i.regnr|upper }}{{ i.brand|capfirst }}{{ i.brand_model|capfirst }}

{% endfor %}

然后只需确保将新视图添加到您的视图中urls.py

(确保它具有name='get_more_tables'，或JS中的任何名称url:)

它的作用是使用setIntervalJS函数，GET每10000毫秒(10秒)向服务器中的视图发出AJAX请求。然后，该视图使用此新上下文呈现一个单独的HTML文件，并将其作为response回发送到原始HTML页面。全新response然后appended通过jQuery您的餐桌。每次发生此循环时，切片都会递增，因此您不会从获得相同的结果Order。

请记住，这将不停地循环，因此，如果要结束它，则必须将代码添加到JS以setInterval在最后一个响应返回为空时停止。

2020-07-26