1

我正在使用 ajax 和 json 渲染页面。我的 json 结构是{"status":"ok","rewards":[{"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');
        })
      });
4

1 回答 1

2

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

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

于 2012-11-29T14:32:57.810 回答