滚动条滚动异步加载数据



<script type="text/javascript"> 
     //获取列表中的原有内容 
    var content=document.getElementById("img").innerHTML;  
    function addLi(){ 
     var userid = document.getElementById("use").value;
     $.ajax({
    url : "xxxxxxx?time="+new Date(),
    type : "POST",
    dataType : "json",
    async:false,
    success : function(data){
    var da = eval("("+data+")");
    var table =  document.getElementById("img");
     $.each(da,function(index,obj){
      var tr =  document.createElement("tr");
       var td1 =  document.createElement("td");
       td1.innerHTML=obj.modelname;
       var td2 =  document.createElement("td");
       td2.innerHTML = obj.permissionname;
       var td3 =  document.createElement("td");
       td3.innerHTML = obj.permissionclassic;
       tr.appendChild(td1).appendChild(td2).appendChild(td3);
       table.appendChild(tr);
                  
     });
    },
    error : function(msg){
     alert("error!");
    }
   });
        //document.getElementById("img").appendChild(str); 
    } 
    /* 
     * 监听滚动条，本来不想用jQuery但是发现js里面监听滚动条的事件不好添加，这边就引用了Jquery的$(obj).scroll();这个方法了 
     */ 
    $(window).scroll(function(){ 
        //下面这句主要是获取网页的总高度，主要是考虑兼容性所以把Ie支持的documentElement也写了，这个方法至少支持IE8 
        var htmlHeight=document.body.scrollHeight||document.documentElement.scrollHeight; 
        //clientHeight是网页在浏览器中的可视高度， 
        var clientHeight=document.body.clientHeight||document.documentElement.clientHeight; 
        //scrollTop是浏览器滚动条的top位置， 
        var scrollTop=document.body.scrollTop||document.documentElement.scrollTop; 
        //通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容； 
        if(scrollTop+clientHeight==htmlHeight){ 
             //addLi(); 
        } 
    }) 
</script>