Доступ к урлу с запросом внутри модального окна

Я хочу открыть содержимое страницы внутри модала, но доступ к этой странице осуществляется с помощью строки запроса вида:

http://127.0.0.1:8003/dados/add_dados?filter=crew

Итак, мой модал должен получить доступ к странице, но я не могу включить url, только html страницу:

<button id="myBtn">+ Add</button>
<div id="myModal" class="modal">
    <div class="modal-content">
      <span class="close">&times;</span>
     {% block survey_index %}

      {% include 'add_data?filter=crew' %} #It doesn't work

     {% end block %}
    </div>
</div>

Этот способ не работает, поскольку include ожидает, что я передам html-страницу, например:

{% block sample_unit_type_index %}

    {% include 'inv/index/example.html' %}

{% endblock %}

Как получить доступ к странице, которая находится в add_data?filter=crew

url code:

path('add_data', add_data, name="add_data"),

views.py return

return render(request, 'inv/add_new.html', context)

Таким образом, страница add_new.html имеет содержимое, к которому обращаются запросы. Пример:

<a href="add_dados?filter={{path_info}}" class="btn3 add" role="button">Add</a>

Есть предложения по доступу к содержимому страницы add_data?filter=crew в модале?

Если вы просто хотите включить HTML шаблон add_new.html, то вы можете использовать:

{% block survey_index %}
      {% include 'inv/add_new.html' %}
{% end block %}

Если вы хотите получить HTML из URL, вы можете использовать вызов AJAX, как описано в этом ответе:

HTML:

<button id="myBtn">+ Add</button>
<div id="myModal" class="modal">
    <div id="modal-content"></div>
</div>

<script>
document.getElementById('myBtn').onclick = function(){
    $.ajax({
       url:"{% url 'add_data' %}?filter=crew">,
       type:'GET',
       success: function(data){
           $('#modal-content').html(data);
       }
    });
}
</script>
Вернуться на верх