我想下载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>
任何帮助或任何想法将不胜感激,谢谢。
答案 0 :(得分:2)
请尝试此代码。
$(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);
});
});
希望这有帮助。
答案 1 :(得分:0)
使用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);
});
}
});