渲染响应不适用于jquery ajax请求

时间:2019-03-28 04:03:00

标签: jquery ajax django render-to-response

我向jquery发送了ajax获取请求,但是render_to_response无法正常工作 我在下面的代码中添加了 print("request is : ", self.request) 但打印空白

请让我知道如何修复或调试

谢谢〜!

blog \ views_cbv.py

class PostDetailView(DetailView):
print("detail view")
    model = Post
    def render_to_response(self, context):
        print("request is : ", self.request)
        if self.request.is_ajax():
            print("request is ajax ")
            return JsonResponse({
                'title': self.object.title,
                'summary': truncatewords(self.object.content, 100),
            })
        return super().render_to_response(context)

post_detail = PostDetailView.as_view()

blog / post_list.html

$(document).ready(function () {
    $(document).on('click', '#post_list a', function (e) {
        e.preventDefault();
        const detail_url = $(this).attr("href");
        <!-- alert(detail_url) -->
        console.log("detail_url : ", detail_url )

        $.get(detail_url)
            .done((json_obj) => {
                var $modal = $("#post-modal");
                console.log("json_obj : ", json_obj)
                $modal.find('.modal-title').html(json_obj.title);
                $modal.find('.modal-body').html(json_obj.summary);
                $modal.find('.btn-detail').attr('href', detail_url)
                $modal.modal();
            })
            .fail((xhr, textStatus, error) => {
                alert('failed : ', error);
            });

    })
});

github: https://github.com/hyunsokstar/ask_class

1 个答案:

答案 0 :(得分:1)

我建议您尝试Django牙套。 https://django-braces.readthedocs.io/en/latest/。 它具有针对Ajax的内置功能

from braces.views import AjaxResponseMixin
from braces.views import JsonRequestResponseMixin

class PostDetailAjaxView(AjaxResponseMixin, JsonRequestResponseMixin, View):

    def get_ajax(self, request, *args, **kwargs):
        post_pk = request.GET.get('pk', None)
        post = Post.objects.get(pk=post_pk)

        data = {
             'title': post.title,
             'summary': truncatewords(post.content, 100)
        }
        return self.render_json_response(data)

我对模型一无所知,因此我仅以您的示例作为参考。 然后,您可以为PostDetailAjaxView创建一个单独的URL。现在,您可以使用GET作为方法通过jquery进行调用。如果要使用其他方法,可以使用post_ajax(),put_ajax(),delete_ajax()等。