Quiero abrir el contenido de una página dentro de un modal, pero se accede a esta página mediante una cadena de consulta como:
http://127.0.0.1:8003/dados/add_dados?filter=crewEntonces, mi modal necesita acceder a la página, pero no puedo incluir una URL, solo una página html:
<button id="myBtn">+ Add</button> <div id="myModal" class="modal"> <div class="modal-content"> <span class="close">×</span> {% block survey_index %} {% include 'add_data?filter=crew' %} #It doesn't work {% end block %} </div> </div>De esta manera no funciona ya que el include espera que pase una página html como:
{% block sample_unit_type_index %} {% include 'inv/index/example.html' %} {% endblock %}Como acceder a la pagina que esta en add_data?filter=crew
código de URL:
path('add_data', add_data, name="add_data"),vistas.py volver
return render(request, 'inv/add_new.html', context)Entonces, la página add_new.html tiene el contenido al que acceden las consultas. Ejemplo:
<a href="add_dados?filter={{path_info}}" class="btn3 add" role="button">Add</a>¿Alguna sugerencia para acceder al contenido de la página add_data?filter=crew en modo modal?
Si solo desea incluir la plantilla HTML add_new.html , puede usar:
{% block survey_index %} {% include 'inv/add_new.html' %} {% end block %}Si desea obtener el HTML de la URL, puede usar una llamada AJAX como se describe en esta respuesta :
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>