title: Ajax or Django Rest Framework is acting weird with Post Data
body: <p>I am building a Kanban Board with jQuery / JS Frontend and Django / DRF Backend.</p>
  <p>I am sending a POST AJAX Request to Server</p>
  <pre class="lang-js prettyprint-override"><code>function login(email, password) {
  
    var d = {
      &quot;email&quot;: email,
      &quot;password&quot;: password
    }
  
    d = JSON.stringify(d)
  
    console.log(d)
    return $.ajax({
      url: &quot;api/accounts/login/&quot;,
      type: &quot;POST&quot;,
      data: d,
      dataType: &quot;json&quot;,
    }).then((response) =&gt; {
      var data = JSON.parse(response);
      return data;
    }).fail((response) =&gt; {
      return false;
    })
  }
  </code></pre>
  <p>But when the request is received by the server this</p>
  <pre><code>{&quot;email&quot;:&quot;satyam@gmail.com&quot;,&quot;password&quot;:&quot;satyam@789&quot;}
  </code></pre>
  <p>is converted to</p>
  <pre><code>'{&quot;email&quot;: &quot;satyam@gmail.com&quot;, &quot;password&quot;: &quot;satyam@789&quot;}': ['']}'
  </code></pre>
  <p>Django Code</p>
  <pre class="lang-py prettyprint-override"><code>class TodoView(ListCreateAPIView):
      queryset = Todo.objects.all()
      serializer_class = TodoSerializer
      permission_classes = (IsAuthenticated,)
  
      def post(self, request):
          token = request.META.get('HTTP_AUTHORIZATION', &quot; &quot;).split(' ')[1]
          data = {'token': token}
  
          try:
              valid_data = VerifyJSONWebTokenSerializer().validate(data)
              user = valid_data[&quot;user&quot;]
              request.user = user
          except ValidationError as v:
              print(&quot;Validation Error&quot;, v)
  
          serializer = self.serializer_class(data=request.data, many=True)
          if serializer.is_valid():
              print(request.data)
              serializer.save(user=request.user)
              return Response({&quot;todo&quot;: serializer.data})
  
          return Response({&quot;error&quot;: &quot;Invalid Data&quot;})
  </code></pre>
  <p>What is the problem causing this?</p>
  <p>Is it Javascript or DRF?</p>