AJAX-модал не открывается в шаблоне Django при использовании запроса в url

Я пытаюсь создать модальное окно со следующим url: http://127.0.0.1:8003/dados/add_dados?filter=crew

So in urls.py:

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

Следуйте приведенному ниже коду:

<h2>Modal Example</h2>

<!-- Trigger/Open The Modal -->
<button id="myBtn">+ Add</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <span class="close">&times;</span>

  </div>

</div>

<script>

document.getElementById('myBtn').onclick = function(){
    $.ajax({
       url:"{% url 'add_dados' %}?filter=sample_unit_trap",
       type:'GET',
       data_type: 'html',
       success: function(data){
           $('#modal-content').html(data);
           $("#modal-content").modal('show');
       }
    });
}
</script>

Но всплывающее окно не открывается. Подскажите, как сделать так, чтобы открывалось окно с содержимым страницы

add_dados?filter=sample_unit_trap

$("#modal-content").modal('show');

$("#myModal").modal('show');