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

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

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

data = data.slice(0, 5);

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>");
}

限制ajax请求中的项目

3 个答案: