how to get json data in django sent using jquery

Question

i am using jquery to send json data that contains array of elements like this

$('#brand_category').click(function(event){

        category = $("input:checkbox[name=category]:checked").map(function() {
        return this.value;
        }).get();

        brand = $("input[type='radio']:checked").map(function() {
        return this.value;
        }).get();

        parameter.push({
          brand :   brand,
          category: category
        });

        var json = JSON.stringify(parameter)

        $.ajax({
            type: 'post',
            url: "{% url 'seller_details' %}",
            data: {'parameter[]' : json , csrfmiddlewaretoken:'{{csrf_token}}'},
            success: function(data){
            },
            error:function (response, error){
            }
            });

and in the view i am collecting the data like this

brand_category = self.request.POST.get('parameter[]')
print brand_category

this prints the data as this

[{"brand":["spykar"],"category":["Women Clothing","Dresses"]},{"brand":["Madame"],"category":["Women Clothing","Dresses"]}]

then i tried to loop through the json like this

for list in list_data:
                brand =  list_data['brand']
                print brand
                categories = list_data['category']
                print categories

but i am getting the error as this

list indices must be integers, not str

how can i loop through the json data to get the list of brands and categories?

Aviah Laor · Accepted Answer · 2016-02-24 18:40:19Z

2

Your outer loop is a list, and then you loop through each dictionary in the list. Also, you have to convert the string to a python object.

import json
brand_category = self.request.POST.get('parameter[]')
Lbrand_category = json.loads(brand_category)
for D in Lbrand_category:
   brand,categories = D['brand'],D['category']

Note: if you want only the brand string, without the list, use:

brand,categories = D['brand'][0],D['category']

edited Feb 24, 2016 at 18:40

answered Feb 24, 2016 at 17:10

Aviah Laor

3,6582 gold badges24 silver badges27 bronze badges

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

1 Comment

Aditya Singh Over a year ago

in the first one it throws string 'indices must be integers'

Roberth Solís · Accepted Answer · 2016-02-24 21:18:46Z

0

I recommend you this AJAX Request (Its more clear):

$('#brand_category').click( sendAjax );

function sendAjax()
{
  var category = $("input:checkbox[name='category']:checked").val();
  var brand = $("input[type='radio']:checked").val();

  var data = { "category" : category, "brand" : brand, "csrfmiddlewaretoken" : '{{csrf_token}}' }

  $.ajax({
    type: 'post',
    url: "{% url 'seller_details' %}",
    data: data,
    success: function(data)
    {
      //console.log(data) // Print the response of Django or see this in "Network" request, F12 Chrome
    },
    error:function (response, error)
    {
    }
  });
}

View:

category = request.POST['category']
print category

brand    = request.POST['brand']
print brand

List data of brands in JavaScript:

var data = {} //This is a empty object named data
data.brans = [];

and then you need create a for select all brands

for ("list of brands"){
  brand_name = logic
  data.brands.push(brand_name)
} //This is only a idea

edited Feb 24, 2016 at 21:18

answered Feb 24, 2016 at 17:54

Roberth Solís

1,57918 silver badges16 bronze badges

6 Comments

Aditya Singh Over a year ago

How will i come to know that which brand has which category ?

Aditya Singh Over a year ago

what i am trying to do this a user can select multiple brands and each brand can have multiple categories

Aviah Laor Over a year ago

well, you miss something in the question. If print brand_category gives you a list, the prev code should have worked, if it's a string, then this one. Tested both

Aditya Singh Over a year ago

I wanna ask a question...is this a correct way to send data in such a scenario?

Roberth Solís Over a year ago

Mmmm the category have many brands? See this link

|

Collectives™ on Stack Overflow

how to get json data in django sent using jquery

2 Answers 2

1 Comment

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related