Блог

Я пытаюсь показать форму django внутри модальной начальной загрузки, она вроде как работает, все, кроме формы, отображается, когда я пытаюсь запустить модальную.

folder_form.html

 {% extends 'base.html' %}
{% block content %}
{% load crispy_forms_tags %}

<<div class="modal fade" id="modal-1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">amp;times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <main class="p-5">
    <div class="row">
        <div class="col-sm-6 offset-sm-3">
            <h1 class="myhead2">Create Folder</h1>
<hr>

<form enctype="multipart/form-data" method="post">
    {% csrf_token %}
    {{form | crispy}}
    <input class="btn btn-dark my-3" value="Create Folder" type="submit" />
</form>
        </div>
    </div>

</main>
            </div>
            
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
{% endblock %}
  

home.html

 <a data-toggle="modal" href="#modal-1">Edit Contact</a>

{% include "ahmed_drive/folder/create" %}
<script type="text/javascript">
    $(document).ready(function(){
    $('#modal').on('submit', function(event){
        event.preventDefault();

        $.ajax({
            url: '/ahmed_drive/folder_form.html',
            type: 'POST',
            // headers: {'X-CSRFToken': '{{ csrf_token }}'},
            data: $('#modal').serialize(),
            
            beforeSend: function () {
                $("#modal-1").modal("show");
            },
            
            success: function(data) {
                $('#modal-1 .modal-body').html(data);
            }
        });
    });
});
</script>
  

Я не знаю ajax, поэтому я скопировал его откуда-то и изменил. пожалуйста, скажите мне, что не так.

действуйте так…

 {% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}