How do I get the field values?

Question

My code

$(document).ready(function(){ 

  $('.formulario').submit(function(e){ e.preventDefault(); 
  
  var inputId = $('.inputId').val();
  
  $.ajax({ method: "GET" 
 ,url:"localhost/api/32327ed48666154acb54810521d6f01e0d5de59e/movi‌​es/…"
 , dataType: 'json', 
  }).done(function(json) { 
  
    console.log(json);
    $('body').append(
      'ID do Genero: ' + json.genre.id);	
    }); 
    
  });
});

I’m trying to get the field values Genre, but I’m not getting anyone could help me?

Answer 1

Next, suppose you want to take the 'genre' inside 'Enre'.
For you to take values from a list (or json) within another list, we should use a loop within another loop...
Example. Suppose your JSON is inside 'items':

for(var i = 0 ; i < items.length; i++){
    var currentGenre = items[i]['genre'];
    for(var f = 0; f < currentGenre.length; f++){
        //Aqui vc consegue pegar os valores que estão dentro de genre
    }
}

Just one observation. For this to work, what’s inside Genre also has to be a JSON object and not a string.... to transform strings into json use JSON.parse. a basic example of its use.

var currentGenre = JSON.parse(items[i]['genre']);

https://www.w3schools.com/js/js_json_parse.asp
On this link above is an explanation of how it works right

Answer 2

In this example, we have a string that can be converted into a JSON array. Example of parse:

var myJson = 
{ 
   id: "1",
   genre: "[ {\"id\":\"81\", \"genero\": \"comédia\"} ]" 
};

var genre = JSON.parse( myJson.genre );

for(var i=0; i<genre.length; i++)
{
   document.getElementById('divGenero').innerHTML += genre[i].genero;
}

<div id="divGenero"></div>