限制 ajax 请求中的项目

Question

我正在请求 json 的数据来填充 table。我想将请求限制为 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

只需使用一个简单的 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 2

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

但是如果你没有access/don不想改变，你可以通过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>");
}

Answer 3

您可以使用 .slice() 将返回的数组筛选为仅前 5 个元素。

data = data.slice(0, 5);

限制 ajax 请求中的项目

Limit items in ajax request

javascript

ajax

limit