關於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偽即時動態下拉顯示最新資料