1、首先筛选是通过下面ajax追加数据的
$.ajax({
type:"post",
url:"http://127.0.0.0:8080/api/data",
dataType:'json',//text,json,html
data: {"income_bands":income_bands,
"stars":stars,
"sexs":sexs,
"min_ages":min_ages,"max_ages":max_ages,
"min_kmh_scores":min_kmh_scores,"max_kmh_scores":max_kmh_scores,
"min_zj_scores":min_zj_scores,"max_zj_scores":max_zj_scores},//需要向后台传的数据格式,start为字典的key值,即后台接受的数据id
success:function(result){
var contents ="";
$("#contents").empty();//先清空
for (var i=0;i
$("#contents").append(" "+result[i][0]
+""+result[i][1]
+""+result[i][2]
+""+result[i][3]
+""+result[i][4]+"");
};
},
error:function(result){
alert("未查询到数据.");
}
2、然后用另一个ajax进行数据流加载:
var pageSize = 10;
var pageIndex = 0;
layui.use('flow', function () {
var $ = layui.jquery;
var flow = layui.flow;
flow.load({
elem: '#contents',//存放每条数据的容器
done: function (pageIndex, next) { //到达临界点(默认滚动触发),触发下一页
var lis = [];
//以jQuery的Ajax请求为例,请求下一页数据(注意:page是从2开始返回)
$.ajax({
type: "POST",
url: "http://127.0.0.0:8080/api/all_data_page",
dataType:'json',//text,json,html
data: { "income_bands":income_bands,
"stars":stars,
"sexs":sexs,
"min_ages":min_ages,"max_ages":max_ages,
"min_kmh_scores":min_kmh_scores,"max_kmh_scores":max_kmh_scores,
"min_zj_scores":min_zj_scores,"max_zj_scores":max_zj_scores,
pageSize: pageSize, pageIndex: pageIndex },
success: function (data) {
pageIndex = data[1][0]; //服务端返回的json字符必须包含pageIndex和pageCount属性,pageIndex表示页码,pageCount是总页数
for (var i = 0; i < data[0].length; i++) {
var d = "<li style=\"border-bottom:1px #f3f3f3 solid;\"><a href=\"http://www.htmlsucai.com/\">"+data[0][i][0]
+"</a></br><a style=\"color:#BFBFBF;\">"+data[0][i][1]
+"</a></br><a style=\"color:#BFBFBF;\">"+data[0][i][2]
+"</a></br><a style=\"color:#BFBFBF;\">">"+data[0][i][3]
+"</a></br><a style=\"color:#BFBFBF;\">"+data[0][i][4]+"</a></li>";
lis.push(d);//每条数据都压入数组,LayUI会自动将每条信息插入Html的ID为#contents的元素
}
**alert(lis.join(''))**;
//执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
//只有当前页小于总页数的情况下,才会继续出现加载更多
next(lis.join(''), pageIndex < data[1][1]);
}
});
}
});
});
在上面可以看到数据是压缩进了lis里面了,但是没有被渲染出来,求助各位大神怎么解?????