обрабатывать запрос формы с помощью Ajax в Django

У меня проблема с ajax, когда я отправляю запрос из своей формы, он не получает значение из формы

это мой код просмотра

def create(request):
    if request.method == 'POST':
        msg_text = request.POST.get('the_massage')
        data = {}
        form = ChatApp(message=msg_text, user=request.user)
        form.save()
        data['message']=form.message
        data['user']=form.user.username
        return JsonResponse(data)
    else:
        return JsonResponse({'nothing coming thrue'})

он shod получает переменную the_massage, но дает мне нулевое значение

это моя функция ajax:

    $(function () {


  $('#main-form').on("submit"  ,function () {
    console.log("create function is here");
    var form = $(this);
    $.ajax({
      url: form.attr('action'),
      type: form.attr('method'),
      data: {the_massage:$('#msgbox').val()},
      dataType: 'json',

      success: function(json) {

        console.log(json);
        console.log('success');
      },
      error: function(error){
        console.log('we have error');
      },
    });
  });

});

когда я консоль регистрирую значение, которое он только что запустил в консоли, пожалуйста, помогите мне и покажите мне это в консоли:

Ресурс интерпретируется как Документ, но передается с помощью приложения типа MIME/json: " http://localhost: 8000/create/ ".