js如何将数据库返回来的商品每5个放入1个ul里，请教！

异步请求数据库的所有商品，显示到页面上，每个商品我写成一个li，js如何写，可以将返回来的所有数据，每5个li放入到一个ul中？

数据返回来应该是个list，循环的时候加判断。每到的时候生成一个ul，然后把生成li并把数据填充进去。异步用ajax，只有动态生成ul和li

直接上代码把- -
$.post("request url", data, function(response) {
//假设这个返回结果里有个data的数据，里面保存了商品列表
var appendStr = "

";
for (var i = 0; i < 23; i++) {
if (i%5 == 0 && i != 0) {
appendStr += "

";
}
appendStr += "
• 商品内容
";
}

appendStr += "

console.log(appendStr);
});

没放进去。。。

 $.post("request url", data, function(response) {
  //假设这个返回结果里有个data的数据，里面保存了商品列表
  var appendStr = "<ul>";
  for (var i = 0; i < 23; i++) {
    if (i%5 == 0 && i != 0) {
      appendStr += "</ul><ul>";
    }
    appendStr += "<li>商品内容</li>";
  }

  appendStr += "</ul>";

  console.log(appendStr);
});

简短精要一点：

//假如你的data长这样

var data = [{
    'name':'第一个'
},{
    'name':'第二个'
}];

$.ajax({
        //  省略部分内容
    success:function(data){
        var _html = '<ul>';
        for(var i = 0; i < data.length; i++){
            _html += '<li>'+data[i]['name']+'</li>';
        }
        _html += '</ul>';
        //假设你要把这个ul放到#div这个里面
        $('#div').html(_html);
    }
});