Блог

Я обновляю запись в базе данных, нажав на раскрывающийся список «Выбрать». После подтверждения выбора я отправляю сообщение AJAX в другое представление, в котором применяются необходимые изменения в базе данных, и возвращаюсь на предыдущую страницу.

Проблема в том, что целевая страница не отражает новые значения, если я не обновлю ее.

выберите html (project.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 (project.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
            },
        });
    }
}


 

представление update_status_outreach в 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,)))

 

представление проекта в 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)


 

Заранее благодарю вас!

Сначала вам нужно вернуть новые значения из вашей функции Django обратно в HTML-файл. Затем вам нужно добавить функцию успеха в свой ajax,в которой также будут обновлены элементы выбора, опции. Проблема в том, что вы создаете элемент select при загрузке веб-сайта, но нет сценария, изменяющего содержимое HTML.

 $.ajax({
            method: "post",
            dataType: "json",
            data: ...,
            url: "/...",
            success:function(response){
                document.GetElementById("id_of_option").innerHTML = response.your_response
                    
            }
        });