javascript
  • ajax
  • limit
  • 2017-12-26 22 views -1 likes 
    -1

    jsonからデータを要求してテーブルを記入しています。私は要求を5に制限したい。ajaxリクエストでの制限項目

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

    それとも別のオプションは、キー「アクティブ」ブールデータに、それは私の真の値=とのデータ項目をもたらすことを追加することです。私はこれをどのようにして行うのですか?

    答えて

    1

    あなたはダウンだけで最初の5つの要素に返された配列をフィルタリングする.slice()を使用することができます。

    data = data.slice(0, 5); 
    
    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 
    } 
    
    +0

    これは、長さが5未満の場合、配列の外側にアクセスします。 – Barmar

    0

    あなたが実装することができる最高限度はあなたができるあなたがアクセス/変更したくないを持っていない場合

    しかし(あなたからあなたのデータを取得する)独自のコントローラ、上にありますシンプルachiveこのによっては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>"); 
    } 
    
    関連する問題