Мой проект на 99% «обычный» на основе Django, с небольшим количеством DRF, посыпанным поверх него для некоторых AJAX вызовов.
Я пытаюсь сделать часть веб-взаимодействие через bootstrap модальное. Я сериализирую Django модель как таковую:
class OrganizationUserSerializerMixin(OrganizationUserMixin, APIView):
renderer_classes = [TemplateHTMLRenderer]
template_name = 'organizations/organizationuser_detail.html'
def get(self, request, **kwargs):
organization_pk = self.kwargs.get('organization_pk', None)
user_pk = self.kwargs.get('user_pk', None)
self.organization_user = get_object_or_404(
self.get_user_model().objects.select_related(),
user__pk=user_pk, organization__pk=organization_pk
)
serializer = OrganizationUserSerializer(self.organization_user)
data["serializer"] = serializer.data
return Response({"serializer": serializer.data, "user_data": self.organization_user})
А затем модальное всплывающее окно:
<div class="modal fade org-user-class" id="modal-orguser">
<div class="modal-dialog">
<div class="modal-content">
{% include 'organizations/organizationuser_detail.html' %}
</div>
</div>
AJAX выполняется через jQuery как таковое:
$(".js-orguser").on("click", function (event) {
const btn = $(this);
event.preventDefault()
$.ajax({
url: btn.attr("data-url"),
type: 'get',
dataType: 'json',
beforeSend: function (data) {
$("#modal-projectuser .modal-content").html("");
console.log(data)
$("#modal-orguser").modal("show");
},
})
})
Когда я делаю console.log(data)
- я действительно вижу вывод html: https://imgur.com/UCoYMCB
Но когда я делаю console.log(data.responseText)
- я просто получить неопределенный обратно.
И модал не обновляется данными - он просто пустой. Что мне здесь не хватает?
Заранее спасибо