Django / AJAX - новые данные не обрабатываются после первого jQuery AJAX вызова (т.е. при последующих вызовах) - PullRequest
3 голосов
/ 13 апреля 2020

Я попытался установить для свойства кэша значение false в запросе AJAX, но он абсолютно ничего не сделал. Я использую календарь JS, и при нажатии на любой день открывается всплывающее наложение, которое также включает в себя другой календарь. Этот второй календарь открывается через ajax, и кажется, что все работает на первом вызове, который отображает:

first date ajax request

Затем, после закрытия оверлея и щелкая другую дату в календаре, я всегда получаю первое наложение, независимо от того, сколько раз я нажимаю.

AJAX вызов

$.ajax( 
                { 
                    type:"POST", 
                    url: "/teachers/teacherDayAgenda/", 
                    data:{ 
                        'event_date': dateClicked
                    }, 
                    dataType: 'json',
                    cache: false,
                    success: function( eventData ) {

                        var lessonEvents = [];
                        var lesson = {};

                        for (var key in eventData) {
                            if (key=="eventDefault")
                                break;
                            lesson = {};
                            lesson['title'] = "Lesson with "+eventData[key]['teacher_name'];
                            lesson['start'] = formatDate(moment(eventData[key]['timeslot_start']).toDate());
                            lesson['end'] = formatDate(moment(lesson['start']).add(40, 'm').toDate());
                            lessonEvents.push(lesson);
                        }
                        console.log(eventData);
                        $('#teacher_schedule').fullCalendar({
                             header: {
                                 left: 'prev,next today',
                                center: 'title',
                                right: 'agendaDay,listWeek'
                            },
                            defaultDate: eventData['event0']['click_event_date'],
                            navLinks: true,
                            eventLimit: true,
                            events: lessonEvents
                        });

                        $("#teacher_schedule .fc-agendaDay-button").trigger("click");
                        /*$('td').removeClass('AddEventPopup_open'); */
                    } 
                }); 

The View:

@login_required
def teacherDayAgenda(request):
    """
    Ajax request for popup overlay, changes to student schedule, see day agenda of availability of teachers
    """
    if request.method == 'POST':
        click_event_date = request.POST['event_date']
        studentid = request.user.id
        default_teacher_id = StudentProfile.objects.has_default_teacher(
            studentid)


        # default event values 
        ev = {}
        d = {'eventDefault': True, 'click_event_date': click_event_date}
        ev['event0'] = d

        if default_teacher_id:
            ev = {}
            events = TeacherProfile.objects.filter(id=default_teacher_id).filter(
                student_id__isnull=True).values_list('timeslot_start', 'teacher_id')
            i=0
            for event in events:
                d = {}
                d['timeslot_start'] = _datetime_to_string(event[0])
                teacherName = User.objects.get_staff_name(event[1])
                d['teacher_name'] = teacherName
                d['click_event_date'] = click_event_date
                ev['event'+str(i)] = d
                i += 1


        else:
            first_teacher_obj = TeacherProfile.objects.get_all_available_teachers()[
                0]
            first_teacher_id = getattr(first_teacher_obj, 'teacher_id')
            events = TeacherAvailability.get_dayagenda(
                request, first_teacher_id, click_event_date)

            i=0
            for event in events:
                d = {}
                d['timeslot_start'] = _datetime_to_string(event[0])
                d['student_id'] = event[1]
                teacherName = User.objects.get_staff_name(event[2])
                d['teacher_name'] = teacherName
                d['click_event_date'] = click_event_date
                ev['event'+str(i)] = d
                i += 1


        return JsonResponse(ev)

    else:
        return HttpResponse("unsuccesful")

(EDIT1) Первый код инициализации календаря

function initializeCalendar(){

        $('#calendar').fullCalendar({
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'month,agendaWeek,agendaDay,listWeek'
        },
        defaultDate: today,
        navLinks: true,
        editable: true,
        eventLimit: true,
        selectable: true,
        events: [{
            title: 'Simple static event',
            start: '2018-11-16',
            description: 'Super cool event'
          },

        ],
        customButtons: { addEventButton: { text: 'Add Event', class:'AddEventPopup_open', click: function() { 
            return true;
         }} 
        },
        footer: {left: ' ', center: 'addEventButton', right: ' ' 
        },


      });

    }

Ответы [ 2 ]

0 голосов
/ 21 апреля 2020

Решение для плагина календаря MDB состоит в том, чтобы просто уничтожить элемент и снова запустить код при нажатии на день.

$('#calendar').fullCalendar('destroy');

В любом случае я решил использовать бесплатный календарь с открытым исходным кодом.

0 голосов
/ 21 апреля 2020

Я бы попробовал добавить к представлению never_cache декоратор:

from django.views.decorators.cache import never_cache


@login_required
@never_cache
def teacherDayAgenda(request):
    ...

См .:

https://docs.djangoproject.com/en/3.0/topics/http/decorators/#caching

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...