Question

我想下载http://zadanie.ee/users.json提供的AJAX用户列表，我想显示

1.所有用户的数量， 2.活跃用户数， 3.活跃的女性人数， 4.活跃男性人数，

来自JSON API，使用jquery / javascript等，

我怎样才能做到这一点？或者有人能为我提供一个简单的教程吗？

这是我到目前为止所做的：

CODE：

<script>

function ViewData()
{

  $.getJSON("http://zadanie.ee/users.json",
   function(data)
   {
     var items = [];

     $.each(data.Users,
      function(key, value)
      {
        items.push("<li>" +
         value.username + "<br />" +
         value.active + "<br />" +

         + "</li>");
      });
     $('<ul/>', {html: items.join(")}).
      appendTo('body');
   });
}
</script>

任何帮助或任何想法将不胜感激，谢谢。

Answer 1

请尝试此代码。

$(document).ready(function (){
         $.getJSON("http://zadanie.laboratorium.ee/users.json",function(data)
        {
             var items = [];
             var number_of_user = 0;
             var number_of_active_user = 0;
             var number_of_active_men = 0;
             var number_of_active_women = 0;
                 $.each(data,
                  function(key, value)
                  {
                    number_of_user += 1;
                    if(value['active'] == true){
                        if(value['gender'][0] == 'Female' || value['gender'][0] == 'female'){
                            number_of_active_women +=1;
                        }
                        else if(value['gender'][0] == 'Male' || value['gender'][0] == 'male'){
                            number_of_active_men +=1;
                        }
                    }

                  });
                console.log("number_of_user ==> "+number_of_user +" number_of_active_user ==> "+ number_of_active_user +" number_of_active_men ==> "+ number_of_active_men +" number_of_active_women ==> "+ number_of_active_women);
       });
     });

希望这有帮助。

Answer 2

使用AJAX读取数据，然后相应地解析它。

$.ajax({ 
    type: 'GET', 
    url: '"http://zadanie.laboratorium.ee/users.json"', 
    dataType: 'json',
    success: function (data) { 
        $.each(data, function(index, element) {
            console.log(element.username);
        });
    }
});

如何从Json API获取用户列表？

2 个答案: