マッチするキーでjsonオブジェクトのみを取得する

Question

私がやりたいことはやや単純です。コメントが表示されるサイトがあり、管理者がコメントを削除できる管理ページがあります。しかし、私はコメントがレビューされる前に非表示にする必要があります。

このスクリプトは、私のJSONファイル内の各オブジェクトをつかみ、それらを表示します。

$.getJSON("data/comments.json", function(data) { 
    var number = []; 
    $.each(data, function(index, d) { 
     number.push("<div class='comment' id='" + index + "'>" + "<div class='comment-text'>" + d.comment + "</div>" + "<img class='comment-image' src='data/upload/" + d.img + "'>" + "<div class='comment-identifier'><span class='comment-name'>" + "– " + d.name + "</span>" + "<span class='comment-department'>" + ", " + d.department + "</span></div>" + "</div>"); 
    }); 
    $("<div/>", { 
     "id": "comment-container", 
     html: number.join("") 
    }).appendTo("#comment-layout"); 
}); 

各JSONオブジェクトは、のキーを持っています「承認：偽」作成時にそれに適用されます。上記のスクリプトにオブジェクトを「承認済み：true」でプルするにはどうすればよいですか？

Answer 1

$.each機能でコメントが承認されているかどうかを確認できます。

$.each(data, function(index, d) { 
    if(d.approved){ 
     number.push("<div class='comment' id='" + index + "'>" + "<div class='comment-text'>" + d.comment + "</div>" + "<img class='comment-image' src='data/upload/" + d.img + "'>" + "<div class='comment-identifier'><span class='comment-name'>" + "– " + d.name + "</span>" + "<span class='comment-department'>" + ", " + d.department + "</span></div>" + "</div>"); 
    } 
}); 

Answer 2

アレイにプッシュする前に承認されているかどうかを確認できます。しかし、データがクライアント側で受信されるのを防ぐことはできません。

$.getJSON("data/comments.json", function(data) { 
    var number = []; 
    $.each(data, function(index, d) { 

     if (d.approved == false) 
      continue; 

     number.push("<div class='comment' id='" + index + "'>" + "<div class='comment-text'>" + d.comment + "</div>" + "<img class='comment-image' src='data/upload/" + d.img + "'>" + "<div class='comment-identifier'><span class='comment-name'>" + "– " + d.name + "</span>" + "<span class='comment-department'>" + ", " + d.department + "</span></div>" + "</div>"); 
    }); 
    $("<div/>", { 
     "id": "comment-container", 
     html: number.join("") 
    }).appendTo("#comment-layout"); 
}); 

あなたはデータをクライアント側に到着しない場合、あなたは、データ・サーバ側にフィルタを適用し、代わりに$ .getJSONの$アヤックスを使用する必要があります。

$.ajax({ 
    url: 'routeToYourFilterFunction', 
    success: function(data){ 
     number.push(); 
    } 
});