sending data from angularjs to django

Question

I am sending a POST AJAX request using Angularjs and its $http module to Django server. Here is an example:

$http({ 
        method: 'POST', 
        url: '/url/', 
        data: 'test data'
  }).
  success(function(data, status, headers, config) {
        doSomeStuffWhenSuccess();
  });

The problem is what I get in Django. No matter what I send the data is always the key of QueryDict object and value of that is always an empty list.

<QueryDict: {u'test data': [u'']}>

I don't have a clue why. What am I missing?

I use almost default created Django application with default middlewares only. I created only a view and set an url in url config. Version of Django is 1.3. And I configured angular's $http module to always send a header containg csrf token to satisfy Django.

davekr · Accepted Answer · 2012-06-29 20:09:49Z

7

I resolved this with jQuery param function. I think it's more elegant solution.

$http({ 
    method: 'POST', 
    url: '/url/', 
    data: $.param({test: data})
})

Now it works like I wanted.

answered Jun 29, 2012 at 20:09

davekr

2,2761 gold badge27 silver badges32 bronze badges

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

Comments

YardenST · Accepted Answer · 2013-08-08 12:01:14Z

6

I believe django thinks you are sending a urlencoded form, ex. key=value&key2=value2...

if you'd try:

$http({ 
    method: 'POST', 
    url: '/url/', 
    data: 'test=data'
})

You should get

<QueryDict: {u'test': [u'data']}>

You can always obtain the data (raw body content) as follows:

request.body

Hope this is what you are looking for.

edited Aug 8, 2013 at 12:01

YardenST

5,2762 gold badges38 silver badges60 bronze badges

answered May 9, 2012 at 17:19

Krzysztof Rosiński

1,4881 gold badge11 silver badges24 bronze badges

2 Comments

davekr Over a year ago

Thanks this works! But could you explain why django thinks its urlencoded data? And if its possible to customize it?

Krzysztof Rosiński Over a year ago

request.GET and request.POST contain preprocessed key/value data - if you want raw data (such as JSON or plain text) try: request.raw_post_data

Collectives™ on Stack Overflow

sending data from angularjs to django

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related