How to fill jquery array with json object

Question

I'm trying to fill array with JSON response. JSON response from ajax is:

[{"id":"1","category":"Chloting"},{"id":"2","category":"Shoes"},{"id":"3","category":"Jewelry and Watches"},{"id":"4","category":"Accessories"}]

My code is folowing:

var categories = [];

$('body').on("click", '.category_editable', function(){
    $.ajax({
        type:"get",
        dataType: "json",
        url:"ajax_php/get_all_categories.php",
        success:function(data){
            $.each( data, function( i, itemData ) {
               categories[i] = itemData.category;
            });
            console.log(categories);
        }
     });
});

And what I'm getting is array without keys, because I don't know how to push them into array:

["Chloting", "Shoes", "Jewelry and Watches", "Accessories"]

But I need to will it in object format like this:

["1":"Chloting", "2":"Shoes", "3":"Jewelry and Watches","4":"Accessories"]

James M · Accepted Answer · 2014-04-18 10:53:24Z

1

Change

var categories = [];

to

var categories = {};

answered Apr 18, 2014 at 10:53

James M

16.7k3 gold badges50 silver badges57 bronze badges

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

Comments

jignesh · Accepted Answer · 2014-04-18 11:07:26Z

0

$(function(){

   var d={};
    var results=[
    [{"id":"1","category":"Chloting"},{"id":"2","category":"Shoes"},{"id":"3","category":"Jewelry and Watches"},{"id":"4","category":"Accessories"}]


    ];

    $.each(results[0],function(k,v)
           {
               //alert(k+' '+v.id);
               //alert(v.id+' '+v.category);
               d[v.id]=v.category;    
           });
  alert(JSON.stringify(d));
    $("#output").html(JSON.stringify(d));
});

http://jsfiddle.net/vAVQk/

answered Apr 18, 2014 at 11:07

jignesh

1,6791 gold badge16 silver badges20 bronze badges

1 Comment

Munez NS Over a year ago

Im i getting undefined in console log. I've passed [itemData.id] instead of [i], and data[0] instead of data only in each function

Tuhin · Accepted Answer · 2014-04-18 11:15:15Z

0

var jsondata=[{"id":"1","category":"Chloting"},{"id":"2","category":"Shoes"},{"id":"3","category":"Jewelry and Watches"},{"id":"4","category":"Accessories"}];
var categories={};

$.each( jsondata, function( i, itemData ) {

                   categories[itemData.id] = itemData.category;

            });
console.log(categories);

DEMO FIDDLE

answered Apr 18, 2014 at 11:15

Tuhin

3,3932 gold badges18 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to fill jquery array with json object

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related