Yii2: How to get an array object using Ajax?

Question

I am using Yii2 framework for almost a year and now it's the first time I have to use Ajax with an array. I have a this Ajax request:

$.post("/laboratorio/analitos-grupos/analitos-grupos", json)
    .done(function(data) {
        console.log("Data Loaded: " + data);
        console.log("First object: " + data[0]);       
    });

But the console shows:

Data Loaded: [{"id":6,"color":"Blue"},{"id":4,"color":"Brown"},{"id":12,"color":"Red"}]
First object: [

I think it should shows:

Data Loaded: [{"id":6,"color":"Blue"},{"id":4,"color":"Brown"},{"id":12,"color":"Red"}]
First object: {"id":6,"color":"Blue"}

How can I get the first object? Is jQuery the best way to use Ajax in Yii2? I can't find a complete example on Google.

Syscall · Accepted Answer · 2018-02-14 06:35:18Z

3

You're getting a JSON String instead of an array of objects. You could specify that jQuery convert it by specifying json in the 4th argument in jQuery.post() :

$.post("/laboratorio/analitos-grupos/analitos-grupos", json, null, "json")
    .done(function(data) {
        console.log("Data Loaded: ", data);
        console.log("First object: ", data[0]);       
    });

Or, with the callback as success function :

$.post("/laboratorio/analitos-grupos/analitos-grupos", json, function(data) {
    console.log("Data Loaded: ", data);
    console.log("First object: ", data[0]);       
}), "json");

edited Feb 14, 2018 at 6:35

answered Feb 13, 2018 at 20:59

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

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

1 Comment

Musa Over a year ago

Since the callback is optional, the null isn't needed.

Marais Rossouw · Accepted Answer · 2018-02-13 20:57:19Z

2

You need to parse the incoming JSON string to a JavaScript Object.

$.post("/laboratorio/analitos-grupos/analitos-grupos", json)
    .done(function(data) {
        console.log("Data Loaded: ", JSON.parse(data));
        console.log("First object: " + JSON.parse(data)[0]);       
    });

answered Feb 13, 2018 at 20:57

Marais Rossouw

9571 gold badge11 silver badges29 bronze badges

Collectives™ on Stack Overflow

Yii2: How to get an array object using Ajax?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related