Can't get value from JSON in AJAX call?

Question

im a newbie :)

I searched my questions, there are some topic but they dont are like my specific question.

I have an Ajax call for update a form, i can see the values in the console.log(), but I can't take the values for insert in the input or divs, here my code:

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: 'my-web-service',
        dataType: "text",
        success: function(data) {
            console.log(data)
            var json = $.parseJSON(data);

            for (var i = 0; i < json.length; ++i) {
                $('#json').append('<div>' + json[i].name + '</div>');
            }
            console.log(json)
        }
    });
});

My JSON data is :

{
  "experience": [
    [
      "58b407cd30f8c7a508004210",
      {
        "artistInfo": {
          "id": "f8d3a411",
        }
      },
      {
        "name": "test",
        "description": "testing",
        "tipology": null,
        "email": "ext_link",
        "externalLink": "www.mywebstite.com",
      }
    ]
  ]
}

You'll need to include at least the structure of the response even if you want to change the specific data returned. — fdomn-m
– fdomn-m, Commented Feb 27, 2017 at 14:19

JoeCodeFrog · Accepted Answer · 2017-02-27 17:56:31Z

1

Experience is an array within an array(???), You should fix it or access it accordingly.

edited Feb 27, 2017 at 17:56

answered Feb 27, 2017 at 14:20

JoeCodeFrog

4182 gold badges5 silver badges14 bronze badges

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

Comments

A. Blub · Accepted Answer · 2017-02-27 15:12:05Z

0

i prefere to remove your dataType condition, change the type to POST (you need it when your would send some Data) and skip your JSON parser, it is already parsed and would throw an Exception.

$(document).ready(function() {
    $.ajax({
        type: "POST",
        data: { }, // when you need it
        url: 'my-web-service',
        success: function(json) {
            console.log(json)

            for (var i = 0; i < json['experience'].length; ++i) {
                for (var i2 = 0; i2 < json['experience'][i].length; ++i2) {
                    if( json['experience'][i][i2].name ) {
                        $('#json').append('<div>' + json['experience'][i][i2].name + '</>');
                    }
                }
            }

        }
    });
});

edited Feb 27, 2017 at 15:12

answered Feb 27, 2017 at 14:32

A. Blub

7921 gold badge5 silver badges10 bronze badges

4 Comments

GI89 Over a year ago

Thank your for the answer, with type POST i get Undefined values, with GET i get nothing....but in console.log(json) i can see the data...so i don't know how to fix

GI89 Over a year ago

When I use type:POST i get nothing, with GET I get a single Undefined Item

GI89 Over a year ago

EDIT: with json['experience'][i][2].name i get the data, but i can't see the other values, like [i][3], [i][4]

A. Blub Over a year ago

here you have now all names of all array elements

lacripta · Accepted Answer · 2017-02-27 19:06:02Z

0

for the look of it, if you can see the json in the console log, then is probably a problem of data type, are you sure it is an array?

json[i].name

this could be an object and not accesible as an array. check for the dataType. or post the output of your WS

after reading your post of the data is very clear you are trying to access it the wrong way, it as an array were your first entry is a String, then comes an Object which holds no property name, and finally a third Object which i guess you are trying to get the name.

json['experience'][2].name

{  
   "experience":[  
      [  
         "58b407cd30f8c7a508004210",
         {  
            "artistInfo":{  
               "id":"f8d3a411",

            }
         },
         {  
            "name":"test",
            "description":"testing",
            "tipology":null,
            "email":"ext_link",
            "externalLink":"www.mywebstite.com",

         }
      ]
   ]
}

edited Feb 27, 2017 at 19:06

answered Feb 27, 2017 at 14:27

lacripta

1123 silver badges15 bronze badges

1 Comment

GI89 Over a year ago

How I can access to Third Object without using an array? Because I tried to use "json[2].name" and I got undefined values

Collectives™ on Stack Overflow

Can't get value from JSON in AJAX call?

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related