Как добавить динамические данные в форму через ajax в javascript или jquery?

Я получил данные из базы данных через ajax и пытаюсь добавить их в теги ввода формы. Когда я добавляю данные в форму динамически через Ajax. Веб-страница застряла и на ней появился черный слой, я не смог ничего сделать

технологический стек: (Django/javascript/jquery)

$.ajax({
            url:url,
            method:"post",
            data:mydata,
            dataType:"json",
            success:function(data)
            {
                if(data.status==1)
                {

                    let is_free=data.value['is_free'];
                    console.log(typeof data.value['is_free']);
                    document.getElementById("id_Lecture_Title").value=(data.value['title']);
                    document.getElementById("lec_desc").value=(data.value['desc']);
                    document.getElementById("free_preview_lec").checked=true;
                    
                    
                    $("#add_lecture_model").modal("show");
                }
            },
            error:function(data)
            {
                alert("Something went wrong");
            }

    });

введите описание изображения здесь

Помогите мне решить эту проблему>>

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