在我的html页面上,我有一个下拉列表,其填写如下:
<select id="ddlGroups">
<option value="All">All</option>
{% for element in objectlist %}
<option value={{ element.id }}>{{ element.group_name }}
{% endfor %}
</select>
在加载页面时通过此视图传递变量objectlist
:
@csrf_protect
@login_required
def index(request):
grouplist = Group.objects.all()
return render(request, 'policies.html', {'objectlist': grouplist})
我还有一个按钮,可以将更多的组添加到下拉列表中。 按下按钮后,将调用以下视图,并创建新的组。
def add_group(request):
if request.method == 'POST':
group_name = request.POST.get('groupName')
if Group.objects.filter(group_name=group_name).exists():
return JsonResponse({'status': 'false', 'message': 'Group already exists'}, status=400)
group = Group.create(group_name)
group.save()
return HttpResponse("Successful")
return JsonResponse({'status': 'false', 'message': 'error'}, status=400)
现在,如果我想查看下拉列表内容的更改,则必须重新加载页面。我的问题是,如何在不重新加载页面的情况下立即看到更改?
谢谢。