2 gjfvip123 gjfvip123 于 2017.01.07 17:26 提问

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

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

4个回答

u010356086
u010356086   2017.01.07 18:10

没放进去。。。

 $.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);
});
u010356086
u010356086 回复gjfvip123: 用来初始化字符串的,第一次遍历直接添加li
11 个月之前 回复
gjfvip123
gjfvip123 厉害了我的哥,我把判断条件 i != 0删掉也能实现,这个有必要写嘛?
11 个月之前 回复
u010356086
u010356086   2017.01.07 18:10

直接上代码把- -
$.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);
});


LD0807
LD0807   2017.01.07 17:57

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

LD0807
LD0807 回复gjfvip123: 你的ajax数据返回来是个什么格式的?json还是什么?不知道你怎么实现的
11 个月之前 回复
gjfvip123
gjfvip123 循环应该怎么写?
11 个月之前 回复
Tsite
Tsite   2017.01.09 17:19

简短精要一点:

//假如你的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);
    }
});
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!