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

【问题标题】：How do I get a list of users from the Json API?如何从 Json API 获取用户列表？
【发布时间】：2017-07-25 04:24:07
【问题描述】：

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

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

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

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

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

代码：

<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>

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

【问题讨论】：

为什么性别是一个列表？有些人将男性和女性作为性别。那么他们被视为男性、女性还是两者兼而有之？
@SamuelToh 我想这可能是识别跨性别者
这个问题与AngularJS无关。
Ajax tutorial for post and get的可能重复

标签： javascript jquery json html

【解决方案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);
       });
     });

希望这会有所帮助。

【讨论】：

你好兄弟，你能把它放在 jsfiddle 里吗？
此链接在 jsfiddle 中无法正常工作，因为在小提琴中我们需要使用 https 而不是 http。而我只做了 jQuery/javascript 代码。
我的电脑出现了一些问题，现在它可以工作了，如何将这些输出放在 HTML 中（最好的方法）？
你只需要在部分
中使用这个东西，而在 jQuery 中你只需要使用 (".div-output")。 html("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)。因此，它将在 div 中设置所有 console.log 数据，另外一件事是 html() 将清除您之前的结果。因此，您还使用了 append() 而不是 html() 两者都可以工作。追加添加数据而不清除旧数据。
hii，我试过你的方法我得到错误“div.output”.html is not a function，

【解决方案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);
        });
    }
});

【讨论】：