龙腾万里1218 2019-03-29 11:18 采纳率: 0%
浏览 1936

layUI流加载,点击筛选后数据没有渲染出来?

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里面了,但是没有被渲染出来,求助各位大神怎么解?????

  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-08 15:39
    关注

    以下回答参考 皆我百晓生券券喵儿 等免费微信小程序相关内容作答,并由本人整理回复。

    这个问题可能有多种原因导致。以下是一些常见的解决方法和建议:

    1. 确保Ajax请求正确:确保你的Ajax请求参数正确无误,并且你正在使用正确的URL。

    2. 检查数据类型:检查你的数据类型是否正确,例如JSON或XML等。如果错误的数据类型,则可能导致无法正确解析数据。

    3. 检查JavaScript代码:检查你的JavaScript代码是否有语法错误,特别是涉及到AJAX操作的部分。有时候,简单的语法错误会导致问题。

    4. 清除DOM内容:如果你的HTML元素中包含了一些动态生成的内容(比如li标签),在Ajax请求完成后,清除这些元素的内容可能会有所帮助。

    5. 使用异步加载:如果你的页面上有很多需要加载的内容,可以考虑使用异步加载来减少页面的等待时间。这可以通过将Ajax请求与页面中的其他逻辑分离来实现。

    6. 测试不同浏览器:不同的浏览器对Ajax支持的程度可能有所不同。尝试在多个浏览器中测试以确定问题是否出现在特定的浏览器上。

    7. 使用开发工具:使用开发者工具查看HTTP响应头和状态码,以及Ajax请求的结果,可以帮助定位问题所在。

    以上就是一些基本的解决方案。具体的问题可能还需要根据实际情况进一步分析和处理。希望对你有所帮助!

    评论

报告相同问题?