首页 > 代码库 > 关于ajax伪实时动态下拉显示最新数据
关于ajax伪实时动态下拉显示最新数据
var list= data.data.list; //list是ajax返回的数组Array
if ($("#li" + list[0].Id).length>0) { return false; } //$("#learnList").remove(); //如果不存在li标签,则按照先到后添加,做到最先的在最顶部的位置。 if (!($("li").size() > 17)) { for (var i = list.length - 1; i >= 0; i--) { if (!($("#li" + list[i].Id).length > 0)) { //如果原本不存在这个li,也就是说新增的学习情况 var li = "<li id=‘li" + list[i].Id + "‘>" + list[i].UserName + "同学,在【" + new Date(parseInt(list[i].StudyTime.replace(/\D/igm, ""))).toLocaleString() + "】,学习" + list[i].SegmentName + "</li>"; $(li).prependTo($("#learnList")).slideDown(); } else { return false; } } } else { for (var i = 0; i < list.length; i++) { //for (var i = list.length-1; i >=0; i--) { if (!($("#li" + list[i].Id).length > 0)) { //如果原本不存在这个li,也就是说新增的学习情况 var li = "<li id=‘li" + list[i].Id + "‘>" + list[i].UserName + "同学,在【" + new Date(parseInt(list[i].StudyTime.replace(/\D/igm, ""))).toLocaleString() + "】,学习" + list[i].SegmentName + "</li>"; $(li).prependTo($("#learnList")).slideDown(); } else { return false; } } }
比较重点是,(因为数据库是按照时间由近到远的顺序排列的,所以第一个是最近的数据)
1.shtml页面第一次加载数据的时候,应该使用倒序i--,使得最先取到的数据拼接得到的li最后prependTo到ul中(当然也可以使用i++,用appendTo也可以。)
2.再次ajax刷新的时候,就要用i++,prependTo到ul中(当然也可以使用i--,用prependTo也可以。)
总之,如果return false的情况下,只能1.2.两步反着写。如果改为continue,反着写理论上也有一点速度的优势,当然是忽略不计的。
优化上面的代码,利用continue。
for (var i = list.length - 1; i >= 0; i--) { if (!($("#li" + list[i].Id).length > 0)) { //如果原本不存在这个li,也就是说新增的学习情况 var li = "<li id=‘li" + list[i].Id + "‘>" + list[i].UserName + "同学,在【" + new Date(parseInt(list[i].StudyTime.replace(/\D/igm, ""))).toLocaleString() + "】,学习" + list[i].SegmentName + "</li>"; $(li).prependTo($("#learnList")).slideDown(); } else { //return false; continue; //这样做,是为了避免先取到的最老的数据,遇到“if (!($("#li" + list[i].Id).length > 0)”,直接return false中断了。
} }
3.判断标签和ID存不存在的不一样,一个是size(),一个是length
关于ajax伪实时动态下拉显示最新数据
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。