Разбор возвращаемого значения JSON

Question

{ 
    "status":"success", 
    "data": 
     { 
      "title":"Testing", 
      "token":"77fl", 
      "questions": 
       [{ 
        "title":"How are you?", 
        "token":"UHGXI", 
        "kind":"multiple-choice", 
        "options": 
         [{ 
          "content":"Good", 
          "token":"tLAzWd", 
          "kind":"text" 
         }, 
        { 
          "content":"bad", 
          "token":"8LRR3t", 
          "kind":"text" 
        }]}]}} 

Я никогда не разбирал данные JSON раньше ... что является хорошим первым шагом, чтобы разобрать это? Мне явно не нужно все это, мне нужны все экземпляры «title», «kind» и «content».

Вы делаете это похоже на разбор строки?

Это моя функция, чтобы захватить его ...

$(document).ready(function(){ 
    $("button").click(function(){ 
    $.getJSON("http://quicksurvey.herokuapp.com/api/surveys/77fl/ask.json",function(result){ 
     }); 
    }); 
    }); 
}); 

Где мои возвращаемые данные хранятся точно? Это результат?

Я очень новичок во всем этом, поэтому прошу прощения, если я делаю некоторые очевидные ошибки. Я искал ответы на свой вопрос, но не могу найти легкое введение в это. Я хотел бы проанализировать использование javascript.

Answer 1

Ответ да, он сохраняется внутри результата. Функция jQuery возвращает возвращаемую строку JSON и преобразует ее обратно в собственный объект javascript, который представляет указанную строку. Если вы не вернули строку json с именем, то переменной result будет сам объект. Но в вашем случае, вы назвали объект data, поэтому вы должны обращаться к нему как:

$(document).ready(function(){ 
    $("button").click(function(){ 
    $.getJSON("http://quicksurvey.herokuapp.com/api/surveys/77fl/ask.json",function(result){ 
     //result.data 
     //result.status 
     }); 
    }); 
    }); 
}); 

Answer 2

Да, вы можете просто разобрать его как объект JSON. Вы можете обращаться к свойствам и массивам как к объекту или свойствам javascript. Fiddle

JS Версия

for(var i =0; i<result.data.questions.length; i++) 
{ 
    alert(result.data.questions[i].title + ' ' + result.data.questions[i].kind); 
} 

Jquery: -

alert(result.data.title); 
$.each(result.data.questions,function(i,o){ 
    alert(o.title + ' ' + o.kind); 
});