限制ajax请求中的项目

Question

我要求json的数据填写表格。我想将请求限制为5。

jQuery.getJSON("data/data.json", function(data) {
    var table = $("table");
    $.each(data, function(id, elem) {
        table.append("<tr class='text-center'><td>" + elem.dato1 + "</td><td>" + elem.dato2 + "</td></tr>");
    });
})

或者另一个选择是向数据添加布尔键“active”，并为数据项带来值= true。我该怎么做呢？

Answer 1

您可以使用.slice()将返回的数组过滤到前5个元素。

data = data.slice(0, 5);

Answer 2

只需使用简单的for循环。

var json_arr, limit;
limit = 5; // set limit to whatever you like
json_arr = JSON.parse(json_data);
for(var i = 0; i < limit; i++;) {
  var this_item = json_arr[i];
  table.append(this_item); // do your thing
}

Answer 3

您可以实施的最佳限制是在您自己的控制器上（从中获取数据）

但是如果你没有访问/不想改变，你可以通过JavaScript简单地实现这一点：

var limit = 5; //your Limit
for(var i in data){
    if(i > limit) break;        
    var elem = data[i];
    table.append("<tr class='text-center'><td>" + elem.dato1 + "</td><td>" + elem.dato2 + "</td></tr>");
}