Sending form data from Angular to Django

Question

I am trying to post some data from AngualrJS to a Django backend.

My code looks like this:

angular

$http({
    method: 'POST',
    url: 'path/to/django/',
    data: $scope.formData,
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    }
});

django view

import json

class MyView(View):
    def post(self, request):
        body = json.loads(request.body)
        # Do stuff

However, the json module complains:

TypeError: the JSON object must be str, not 'bytes'

Why is the data not sent as JSON and how should I best convert the payload to a Python object?

Community · Accepted Answer · 2017-05-23 12:15:38Z

3

Change the Content-type to application/json

headers: {
    'Content-Type': 'application/json'
}

It's also worth noting that the default angular $http POST behavior is to send the data as JSON. So another strategy might be to remove headers from your $http call altogether.

Also, you may want to use simplejson rather than json

The following explanation was taken from this question:

json is simplejson, added to the python stdlib. But since json was added in 2.6, simplejson has the advantage of working on more Python versions (2.4+).

simplejson is also updated more frequently than Python, so if you need (or want) the latest version, it's best to use simplejson if possible.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered May 13, 2014 at 23:58

sfletche

50.1k32 gold badges110 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Darwin Tech Over a year ago

type(request.body) is still <class 'bytes'>

sfletche Over a year ago

just fixed a typo (had = instead of :). how about now?

sfletche Over a year ago

additionaly, you might try using/importing simplejson rather than json in your django view

Darwin Tech Over a year ago

Yeah, switched out for simplejson and now it works ;)

Darwin Tech Over a year ago

If you want to add that to your answer, I'll accept it ;)

|

Collectives™ on Stack Overflow

Sending form data from Angular to Django

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related