zoukankan      html  css  js  c++  java
  • juery下拉刷新,ajax请求,div加载更多元素(一)

    //StringBuffer方法,div append时会用到
     function StringBuffer() {
          this.__strings__ = [];
        };
        StringBuffer.prototype.append = function(str) {
          this.__strings__.push(str);
        };
        StringBuffer.prototype.toString = function() {
          return this.__strings__.join('');
        };

    var
    i = 1;//设置当前页数 var flag=true; //滑动加载 $(function(){ var winH = $(window).height(); //页面可视区域高度 $(window).scroll(function () { var pageH = $(document.body).height(); var scrollT = $(window).scrollTop(); //滚动条top var aa = (pageH-winH-scrollT)/winH; var buffer = new StringBuffer(); if(aa<0.02&&flag){ $.ajax({ type : "POST", timeout : 3000, async : false, cache : false, data : {start : i*8,size:8}, url : "${ctx}/phone/getPrizeMore", success : function(data) { if(data.length<=0){
             //下拉没有时不再请求 flag
    =false; } for ( var j = 0; j < data.length; j++) {
                //加载的信息
               buffer.append(".......");
    };
                //div,id="przieList"
                //加载到div
    $(
    "#przieList").append(buffer.toString()); } }); i++; } }); });
  • 相关阅读:
    js 实现页面局部(或图片)放大功能(vue)
    momentjs 使用总结
    VUX的使用方法(以弹出框为例)
    vue alert插件(标题为图片)(自写)
    vue 五星评价插件
    ES6 学习笔记(基础)
    SVG
    纯 CSS 实现实心三角形和空心三角形
    selectedIndex和onchange事件
    DOM文档获取和简介
  • 原文地址:https://www.cnblogs.com/wangzhuxing/p/5134872.html
Copyright © 2011-2022 走看看