Шаблон Django отображается в многошаговой форме, но контекстные данные не видны

Я работаю над этой проблемой и как-то решил ее в очень большой степени и почти все сделано. Но Django отображает мой шаблон, но не контекст. Я не знаю почему, я проверил это отладкой и мой контекст рендерится, но не отображается во фронтенде.

В этом шаблоне есть форма с 4 полями, я отправляю данные в первое поле и динамически показываю o/p соответственно во втором поле. Я прилагаю скриншот, чтобы показать, что отображается в шаблоне (второй набор полей)

перед отправкой

После подачи

#views.py

def createQuotePage(request):
    if request.method == "POST":
    # Getting all the value

    # saving in Table
 saveInUnitsTable(-------some code, removed to shorten question ------)
        
 saveInCustomerTable(-------some code, removed to shorten question ------)

       
 saveInInquiryTable(-------some code, removed to shorten question ------)

        flight_suggestions =Flight.objects.filter(sourceairportid=1,destinationairportid=51)
        context = {'flight_suggestions':flight_suggestions,"test":"99999999999999999999999999999999999999"}
        return render(request,"Freight/create_quote.html",context=context) # <-- here is the PROBLEM
        

    if request.method == "GET":
        print("========================GET=======================")
        context = {'airport_data' : list(Airport.objects.all()),
                    'commodity_data':list(Commodity.objects.all()),
                    'customerType_data':list(Entity.objects.all()),
                    }
        return render(request,"Freight/create_quote.html",context=context)

#scripts.js

(function($) { 
    "use strict";
    $.backstretch;
    $('#top-navbar-1').on('shown.bs.collapse', function(){
        $.backstretch("resize");
    });
    $('#top-navbar-1').on('hidden.bs.collapse', function(){
        $.backstretch("resize");
    });
    $('.f1 fieldset:first').fadeIn('slow'); 
    
    $('.f1 .btn-next').on('click', function() {
        //
        var parent_fieldset = $(this).parents('fieldset');
        var next_step = true;
        var current_active_step = $(this).parents('.f1').find('.f1-step.active');
        var progress_line = $(this).parents('.f1').find('.f1-progress-line');
        //
        var formData1 = $("#total-shipment-form").serialize();
        var formData2 = $("#units-form").serialize();
        var formData3 = $("#customerDetailForm").serialize();
        var formData4 = $("#firstFieldset").serialize();
        var formData = formData1 + '&' + 
                        formData2 + '&' + 
                        formData3 + '&' + 
                        formData4

        $.post("",formData)
        .done(function(){
            //
            console.log('Success : ');
            // var parent_fieldset = $(this).parents('fieldset');
            // var next_step = true;
            // var current_active_step = $(this).parents('.f1').find('.f1-step.active');
            // var progress_line = $(this).parents('.f1').find('.f1-progress-line');
            if( next_step ) {
                parent_fieldset.fadeOut(400, function() {
                    current_active_step.removeClass('active').addClass('activated').next().addClass('active');
                    bar_progress(progress_line, 'right');
                    $(this).next().fadeIn();
                    scroll_to_class( $('.f1'), 20 );
                });
            }
            //
        })
        .fail(function(){
            console.log('Error : ');
        });     
    });

Вернуться на верх