如何使用http://randomuser.me/

Question

正如教程所说粘贴这段代码

$.ajax({
  url: 'http://api.randomuser.me/',
  dataType: 'json',
  success: function(data){
    console.log(data);
  }
});

但下一步是什么？我打开控制台，看到一个数组。如何检索用户的图片？

Answer 1

查看数据的内容..它包含一个对象results，它是一个包含一个对象的数组，该对象具有一个内部具有图片属性的用户属性，所以

data.results[0].user.picture

演示：Fiddle

Answer 2

尝试这样的事情

        $(document).ready(function(){
            $.ajax({
                  url: 'http://api.randomuser.me/',
                  dataType: 'json',
                  success: function(data){
                    console.log(data.results[0].user.picture);
                  }
            });
        });

Answer 3

这是jsFiddle，我还添加了名称http://jsfiddle.net/jpkeisala/4SZLk/

$.ajax({
  url: 'http://api.randomuser.me/',
  dataType: 'json',
  success: function(data){
    $("#result").html(data.results[0].user.picture);
    $("img").attr("src",data.results[0].user.picture);
  }

});