使用AJAX / Jquery解析JSON

Question

My Code so far looks like:

    $(document).ready(function(){
     $.ajax({
      type: "GET",
      url: "http://content.guardianapis.com/search?q=world%20&api-key=4dftzq5rzqbkc7h3b3epsgem",
      dataType: "JSON",
      cache: false,
      success: function (data){
        console.log(data);
      }
    });
});

I do not know now how to call the actual content from the api. The JSON looks like:

http://imgur.com/1GUPvAK

Answer 1

You're calling to the api, when the document is ready.

You can fill a list with the current results from the response, by accessing data.response.results.

$(document).ready(function() {
  $.ajax({
    type: "GET",
    url: "http://content.guardianapis.com/search?q=world%20&api-key=4dftzq5rzqbkc7h3b3epsgem",
    dataType: "json",
    cache: false,
    success: function(data) {
      console.log(data);
      for (var i = 0; i < data.response.results.length; i++) {
        $("#results").append("<li>" + data.response.results[i].webTitle + "</li>");
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul id="results">
</ul>

</div>