send an array via $http.post in angular to django view

Question

I want to send this request to a django view:

$http({
        method: "post",
        url: "/enterprises/vouchers/_send",
        data: {
            group_id: group_id,
            group_student_ids: [1, 2, 3, 4]
        }
    }).success(function (response) {
        console.log("emails are sent. please check");
    }).error(function () {
        console.log("failed")
    });

In the view I assign them like this:

group_student_ids = request.POST['group_student_ids']
group_id = request.POST['group_id']

"group_id" is assigned as expected but django is throwing MultiValueDictKeyError for the aray object(group_student_ids)

How do I send an array via a post request?

dazedconfused · Accepted Answer · 2014-12-17 09:30:05Z

1

This should work:

First, change your data to:

data: {
    'group_id': group_id,
    'group_student_ids[]': [1, 2, 3, 4]
}

and in your view:

group_student_ids = request.POST.getlist('group_student_ids[]')

Edit:

Just did some tests in my app; if I print request.POST, I'll get

<QueryDict: {'group_student_ids[]': ['1', '2', '3', '4']}>

And type(group_student_ids) would give <class 'list'>

edited Dec 17, 2014 at 9:30

answered Dec 17, 2014 at 8:58

dazedconfused

1,3422 gold badges20 silver badges26 bronze badges

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

4 Comments

Rodrigue Over a year ago

I got this when I printed request.POST: <QueryDict: {u'group_student_ids[][2]': [u'3'], u'group_student_ids[][0]': [u'1'], u'group_id': [u'2'], u'group_student_ids[][1]': [u'2'], u'group_student_ids[][3]': [u'4']}>

dazedconfused Over a year ago

@Rodrigue - Fixed typos; should be able to work now (I used square brackets when calling getlist())

Rodrigue Over a year ago

I don't know why, but it is not working for me. Anyways, I solved this by converting the array into string and splitting it back to the list in the django view. Thank you for your answer)

dazedconfused Over a year ago

@Rodrigue: You're welcome; still not sure why it wouldn't work; perhaps have something to do with the view. Also, I did the test in my app using jQuery's $.ajax() instead of AngularJS

Aamir Rind · Accepted Answer · 2014-12-17 08:05:22Z

0

Try this:

group_student_ids = request.POST.getlist('group_student_ids[]')

answered Dec 17, 2014 at 8:05

Aamir Rind

39.8k24 gold badges131 silver badges169 bronze badges

7 Comments

Rodrigue Over a year ago

got an empty list [] :(

Aamir Rind Over a year ago

@Rodrigue print request.POST in the view, what you get?

Rodrigue Over a year ago

I got this: <QueryDict: {u'group_student_ids[0]': [u'1'], u'group_student_ids[3]': [u'4'], u'group_student_ids[2]': [u'3'], u'group_id': [u'2'], u'group_student_ids[1]': [u'2']}>. So, it turns out that I am getting them but seperately. I don't know why

Aamir Rind Over a year ago

@Rodrigue change group_student_ids: [1, 2, 3, 4] in ajax call to "group_student_ids[]": [1, 2, 3, 4]

Rodrigue Over a year ago

same thing: <QueryDict: {u'group_student_ids[][2]': [u'3'], u'group_student_ids[][0]': [u'1'], u'group_id': [u'2'], u'group_student_ids[][1]': [u'2'], u'group_student_ids[][3]': [u'4']}>

|

Collectives™ on Stack Overflow

send an array via $http.post in angular to django view

2 Answers 2

4 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related