how to loop json string

Question

I return data from PHP Like that.

$return['fillable'] = [
    'field_one',
    'field_two',
    'field_three',
    'field_four',
    'field_five',
];

$json = json_encode($return);

return $json;

Now in my ajax response, I want to loop fillable array.

$.ajax({
    'type': "GET",
    'global': false,
    'dataType': 'json',
    'url': "/commission-process/"+$('#token').val(),
    'data': {'ajax': true},
    'success': function (data) {

        // how to loop my return array data.

    }
});

My Question is that, I want to loop fillable array which prints like that.

field_one
field_two
field_three
field_four
field_five

Thanks.

`data.fillable` will contain your array and you can loop over it like you loop over any array in javascript. — jeroen, Feb 13 '19 at 10:48
@DevsiOdedra The json will already be parsed by jQuery when you use `'dataType': 'json'`. — jeroen, Feb 13 '19 at 10:49
@JohnBrad Take a look at https://stackoverflow.com/questions/18238173/javascript-loop-through-json-array — Volodymyr Mokhonko, Feb 13 '19 at 10:51

score 1 · Accepted Answer · answered Feb 13 '19 at 10:52

1

Since I didn't know whether you wanted to loop through it in PHP or Javascript, here's a result in both.

PHP: You have to first decode the json like this:

$array = json_decode( $json, true );

Then you can loop through it like through any other array.

Javascript:

for(i = 0; i<data.fillable.length; i++)
{
    console.log(data.fillable[i]);
}

answered Feb 13 '19 at 10:52

JTinkers

1,631
9
18

Thanks for your help. : ) – John Brad Feb 13 '19 at 10:58
@JohnBrad No problem. – JTinkers Feb 13 '19 at 11:00

score 0 · Answer 2 · answered Feb 13 '19 at 11:01

$.ajax({
'type': "GET",
'global': false,
'dataType': 'json',
'url': "/commission-process/"+$('#token').val(),
'data': {'ajax': true},
'success': function (data) {

    var json = JSON.parse(data);
    $.each(json, function(i,e){
       console.log(i);
       console.log(e);
    });
}

});

how to loop json string

2 Answers2