滚动条滚动异步加载数据

待我称王封你为后i 2022-05-24 07:15 444阅读 0赞

<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>

发表评论取消回复

表情：

评论列表（有 0 条评论，444人围观）

还没有评论，来说两句吧...

相关阅读

相关 php+html+js+滚动加载,jQuery局部div滚动加载远程数据

之前我们介绍了浏览器滚动条远程加载数据http://www.sucaihuo.com/js/9.html，这次我们介绍PHP+mysql局部div鼠标滚轮远程加载数据 ![b

布满荆棘的人生/ 2023年01月16日 04:50/ 0 赞/ 200 阅读

相关 table加滚动条

记录一下，老项目会用到。很多前端需要手写。 CSS: .tableScroll{ // 滚动部分 -webkit-overflow-scrol

男娘i/ 2022年12月19日 09:21/ 0 赞/ 197 阅读

相关滚动条加载分页数据

<div id="listBody"> </div> listBody 数据外最大的盒子 data(){ return{ page: {

亦凉/ 2022年09月04日 11:56/ 0 赞/ 333 阅读

相关监听滚动条来做异步加载图片

滚动条到最下面加载： $(window).scroll(function() { if($(document).height() -

「爱情、让人受尽委屈。」/ 2022年08月01日 13:45/ 0 赞/ 180 阅读

相关 jquery滚动条加载数据

//滚动条 $(window).scroll(function () \{ var scrollTop = $(this).scrollTop(); var s

快来打我*/ 2022年07月11日 16:04/ 0 赞/ 320 阅读

相关滚动加载

由于网页的执行都是单线程的，在JS执行的过程中，页面会呈现阻塞状态。因此，如果JS处理的数据量过大，过程复杂，可能会造成页面的卡顿。传统的数据展现都以分页的形式，但是分页的效果

比眉伴天荒/ 2022年05月28日 01:37/ 0 赞/ 301 阅读

相关滚动条滚动异步加载数据

<script type="text/javascript"> //获取列表中的原有内容 var content=document.get

待我称王封你为后i/ 2022年05月24日 07:15/ 0 赞/ 445 阅读

相关 jQuery 拉动滚动条到底部加载数据

代码很简单： <div id="assDiv" style="height: 350px;overflow-y: auto;" > </div

向右看齐/ 2022年04月14日 02:42/ 0 赞/ 378 阅读

相关 vue实现滚动条加载更多数据

原理： 1、参考线位置lineHeight：即判断滚动到何处触发事件； 2、页面卷入的高度scrollHeight； 3、浏览器窗口的高度windowHeig

Myth丶恋晨/ 2022年04月06日 05:56/ 0 赞/ 595 阅读

相关小程序加载数据后滚动条加载到底部

1 wx.createSelectorQuery().select('body').boundingClientRect(function (rect) {

逃离我推掉我的手/ 2021年12月21日 10:03/ 0 赞/ 361 阅读