javascript - 从 json 渲染页面时跳过重复项

Question

我正在使用 ajax 和 json 呈现页面。我的 json 结构是 {"status":"ok","re​​wards":[{"id":201,"points":500},{"id":202,"points":500}] 如果“点”在任何哈希中重复，我如何使 ajax 加载数据仅一次？

例如我有一些散列的 json，其中“点”具有相同的值这是我的代码

    $("#page").live('pagecreate', function(e) {
        var request = $.ajax({
            type: "GET",
            url: "example.com/file.json",
            dataType: "json",
            error: function (data, tex

tStatus){
           console.log( status );
          console.log( data );},
        success: function (data, textStatus){
        console.log( "success" );

        console.log( status );
           console.log( data );
         }
        })
        request.success(function(data, textStatus){
            var lis = "";
            var seen = {};
            $.each(data.rewards, function(key, val){
            lis += "<div class = 'reward-ui ui-block-" + String.fromCharCode(97 + key%3) + "'><a href ='#' class ='ui-link-inherit'>" + val.points + "</a></div>";
            });
            $(".ui-grid-b").html(lis);

            });
            //$('.even-odd').listview('refresh');
        })
      });

Answer 1

添加一个本地数组，用于存储所有使用的项目。在 $.each 函数中插入此数组，并在执行 lis += ""之前检查该值是否已存在于临时数组中。

除此之外，您还可以在检索数据之前尝试服务器端排序……就像上面建议的那样。