我正在更新一个数据库条目通过点击选择下拉菜单。确认选择后,我发送一个 AJAX POST到另一个视图,应用所需的数据库更改,并返回到上一页。
问题是目标页面不反映新值,除非我刷新。
选择HTML(项目. html)
<select id="update_status_outreach" name="{{outreach.id}}_____{{project.id}}">
{% for outreach_status in outreach_statuses %}
{% if outreach_status.0 == outreach.outreach_status %}
<option value="{{ outreach.outreach_status }}" selected>{{ outreach.outreach_status }}</option>
{%else%}
<option value="{{ outreach_status.0}}">{{outreach_status.0}}</option>
{% endif %}
{%endfor%}
</select>
JavaScript(项目. html)
document.getElementById("update_status_outreach").onchange = changeListener;
function changeListener() {
var name = this.name.split("_____");
var project_id = name[1];
var outreach_id = name[0];
var new_status = this.value;
if(confirm("Placejpòdore")) {
$.ajax({
type: "POST",
url: "{% url 'action:update_status_outreach' %}",
data: {
csrfmiddlewaretoken: "{{ csrf_token }}",
'project_id': project_id,
'outreach_id': outreach_id,
'new_status': new_status
},
});
}
}
www.example.com中的更新状态外展视图outreach.py
@login_required(login_url='action:login')
def update_status_outreach(request):
project_id = request.POST['project_id']
outreach_id = request.POST['outreach_id']
new_status = request.POST['new_status']
jobproject = get_object_or_404(JobProject, id=project_id)
if jobproject.owner != request.user:
raise HttpResponse(status=500)
else:
outreach_to_be_updated = Outreach.objects.get(id=outreach_id)
outreach_to_be_updated.outreach_status=new_status
outreach_to_be_updated.save()
return HttpResponseRedirect(reverse('action:project', args=(project_id,)))
www.example.com中的项目视图project.py
@login_required(login_url='action:login')
def project(request, project_id):
if request.method == 'POST':
outreach_id = request.POST.get('outreach_id')
new_rank = request.POST.get('new_ranking')
update_rank(outreach_id=outreach_id, new_rank=new_rank)
project_referred = get_object_or_404(JobProject, id=project_id)
jobpositions_referred = JobPosition.objects.filter(jobproject=project_referred)
outreaches_referred = Outreach.objects.filter(position__jobproject=project_referred)
colors = ['#9bf5ff', '#a89dff', '#fff79d', '#9b5252', '#72b267', '#d75e5e']
context = {'project': project_referred, 'jobpositions': jobpositions_referred, 'outreaches': outreaches_referred,
'outreach_statuses': OUTREACH_STATUS, 'colors': colors, 'position_statuses': POSITION_STATUS}
return render(request, 'action/project.html', context)
1条答案
按热度按时间pod7payv1#
首先你需要将Django函数中的新值返回到HTML文件中,然后你需要在 AJAX 中添加一个success函数,其中select,option元素也会被更新,问题是你在加载网站时创建了一个select元素,但是没有脚本来改变HTML内容。