Django+Ajax+Jsonでバリデーションチェック

Question

現在、Djangoでバリデーションチェックを非同期で行えるよう試みています。
Ajax,Jsonに関しては知見が非常に低いです。
非同期でレスポンスできているか否かを、一時的にアラートで返しています。

Class RiceFormView (generic.DetailView):
    template_name = 'apps/rice_form.html'

~~~~~~~
    def post(self):
        form = AddriceForm(request.POST)
        if form.is_valid():
            kome = form.save()
            if self.request.is_ajax():
                return JsonResponse({
                    'is_vaild': True,

                })            

    path('rice/',
         views.RiceFormView.as_view(), name='rice_form'),

<script>
$(function() {
  $('form').on('submit', function(e){
    e.preventDefault();
    var $form = $(this);
    $.ajax({
        url: $form.attr('action'),
        type: $form.attr('method'),
        data: $form.serialize(),
        timeout: 1000,
      }).done(function(data)　{
        if (data.is_vaild) {
          alert('yes');
        }else{
          alert('NO');
        }
      });
    });
});
</script>

です。
期待している挙動は、上記の通り、空欄があった場合はアラートでNOを返し、
空欄がない場合は、アラートYESを返して欲しい
といった内容です。

Comments

[m.ts10806]

Djangoはよくわかりませんが（PHP,Javaとかなら）
そもそも現在のコードに置ける問題は何でしょうか。

Answer 1

DjangoおよびPythonは分かりませんが、AjaxでJSONを受け取る基本は
サーバーサイドのhttpレスポンスにContent-Type: application/jsonを設定し、
JavaScript側のdataTypeをjsonにします。

Comments

[chill_soup]

こちらですが、DjangoのVIews側でのミスによる接続不可が原因でした。
修正したところ、通常通りにレスポンスされました