如何深入到JSON树的底部

Question

I come to you today with maybe a noob-ish question. I'm trying to parse a JSON response from the server on my client side but I seem to have hit a wall as I can't actually acces the data inside of it. Here's the JSON content I'm trying to go through. I just need the name as in name:"Topic3"

'{
 links: [ ],
 content: [
    {
       links: [ ],
       content: {
          name: "Topic3",
          technology: {
             name: "Java",
             technology_id: 1
           },
           topic_id: 3
       },
   id: null
   },
   ],
   id: null
}'

Any help would be greatly appreciated. Also this is my JS code that I tried to work on it with.

$.ajax({
            type:'GET',
            dataType: 'json',
            url: "technologies/"+ option+ "/topics"
        }).then(function(data)
        {
            for(i=0;i<data.content.length;i++)
            {
                var topic = document.createElement("button");
                var content= (Object.keys(data.content[i]));
                topic.name= content.content.name;
                AddTopic.appendChild(topic);
            }
        });

Answer 1

To set button text use innerHTML property

            var topic = document.createElement("button");
            var content = data.content[i];
            topic.innerHTML = content.content.name;
            AddTopic.appendChild(topic);

Answer 2

So I'm assuming you need to iterate through and find every available topic - in that case I believe this should work

 $.ajax({ type:'GET', dataType: 'json', url: "technologies/"+ option+ "/topics" }).then(function(data) { for(i of data.content) { var topic = document.createElement("button"); topic.name= i.content.name; AddTopic.appendChild(topic); } });