Ajax取模

<script>
    $(function () {
        var TypeId = "{%$argv(0)%}";
        var path = "{%#path%}";
        var url = path + "?xmls=xmls/product.xmls&method=pp&TypeId=" + TypeId;
        $.ajax({
            type: 'post',
            url: url,
            async: false,
            success: function (rets) {
                var json = JSON.parse(rets);
                var html = "";
                $.each(json, function (index, item) {
                    index ++;
                     html +="<div class=\"pull-left bad4-divs\"><a href=\"{~product-list/*ProductId}\" class=\"l2c-a\"><div class=\"l2ca-up bgcolof2\"><img src=\""+item.Pic+"\"></div><div class=\"l2ca-down bgcolof\"><p class=\"foz14 colo4 text-center\">" + item.ProductName + "</p></div></a></div>";
                     if (index % 4 == 0 || index == json.length) {
                         $("#bl").append("<li>" + html + "</li>");
                         html = "";
                     }
                    
                })

                $("#bl").append("<li>" + html + "</li>");
            }
        })

    })
</script>

index（索引，默认从0开始），让其为1，判断，if(index%4==0)表示每次只取4条数据，然后追加到页面，以此类推...

转载于:https://www.cnblogs.com/zpblogs/p/9222746.html