国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery+AJAX實現無刷新下拉加載更多

2019-11-20 12:06:39
字體:
來源:轉載
供稿:網友

隨著互聯網時代的發展,web前端已經和后臺數據掛鉤,作為web前端僅僅不是只切圖寫寫html,css  和簡單js交互。

js  code

$(function() {  var page = 1;  var discount = $('#discount');  var innerHeight = window.innerHeight;  var timer2 = null;  $.ajax({    url: '/lightapp/marketing/verify/apply/list?page=1',    type: 'GET',    dataType: 'json',    timeout: '1000',    cache: 'false',    success: function (data) {        if (data.error_code === 0) {          var arrText = [];          for (var i = 0, t; t = data.list[i++];) {            arrText.push('<div class="consume-whole">');            arrText.push('<h3>' + t.title + '</h3>');            if (t.coupon_type == 1 ) {              arrText.push('<p>金額:¥' + t.amount + '</p>');            } else {              arrText.push('<p>優惠:' + t.amount + '</p>');            }            arrText.push('<p><span class="hx-user">用戶:s賬戶颯颯是是是啊啊12' + t.user_name +'</span>' + '<span>核銷時間:' + t.use_time + '</span></p>');            arrText.push('</div>');          }          discount.html(arrText.join(''));        };        var ajax_getting = false;         $(window).scroll(function() {          clearTimeout(timer2);          timer2 = setTimeout(function() {            var scrollTop = $(document.body).scrollTop();              var scrollHeight = $('body').height();              var windowHeight = innerHeight;            var scrollWhole = Math.max(scrollHeight - scrollTop - windowHeight);            if (scrollWhole < 100) {              if (ajax_getting) {                return false;              } else {                ajax_getting = true;              }              discount.append('<div class="load"><img src="/lightapp/static/zhida-yunying/img/load.gif" width="6%" /></div>');              $('html,body').scrollTop($(window).height() + $(document).height());              page++;              $.ajax({                url: '/lightapp/marketing/verify/apply/list?page=' + page,                type: 'GET',                dataType: 'json',                success: function (data) {                  if (data.error_code === 0) {                    var arrText = [];                    for (var i = 0, t; t = data.list[i++];) {                      arrText.push('<div class="consume-whole"><a href="/lightapp/marketing/verify/page/info?rule_id=' + t.rule_id + '&coupon_id='+ t.coupon_id +'">');                      arrText.push('<h3>' + t.title + '</h3>');                      if (t.coupon_type == 1 ) {                         arrText.push('<p>金額:¥' + t.amount + '</p>');                      } else {                        arrText.push('<p>優惠:' + t.amount + '</p>');                      };                      arrText.push('<p><span class="hx-user">用戶:賬戶颯111111111' + t.user_name +'</span>' + '<span>核銷時間:' + t.use_time + '</span></p>');                      arrText.push('</a></div>');                    }                    discount.append(arrText.join(''));                    $(".load").remove();                  } else {                    $(".load").remove();                    discount.append('<div class="no-data">沒有更多數據。</div>');                    $(window).unbind('scroll');                  };                  ajax_getting = false;                }              });              };            $(".load").remove();          }, 200);        });        if (data.error_code == 156006) {          $('.coupon').html('<div class="error"><h2>出錯啦!</h2><p>原因:未登錄</p></div>')        };        if (data.error_code == 156003) {          $('.coupon').html('<div class="error"><h2>出錯啦!</h2><p>原因:權限不足~請補充</p></div>')        };        if (data.error_code == 156007) {          $('.coupon').html('<div class="error"><h2>出錯啦!</h2><p>原因:服務異常</p></div>')        };        if (data.error_code == 511) {          $('.coupon').html('<div class="error"><h2>出錯啦!</h2><p>原因:賬號未開通直達號</p></div>')        };        if (data.error_code == 520) {          $('.coupon').html('<div class="stays"><span></span><p>暫無核銷記錄</p></div>')        }      },      error: function (data) {      }  })  $(window).bind("orientationchange", function() {    $('.sliders').css('left',$(window).width() / 2 +'px');  })})

以上所述就是本文的全部內容了,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 吉木乃县| 米林县| 金沙县| 岑溪市| 鲁甸县| 吴堡县| 伊金霍洛旗| 罗田县| 太和县| 班玛县| 静乐县| 新余市| 普宁市| 大冶市| 武强县| 贡觉县| 龙海市| 鸡泽县| 临潭县| 汉沽区| 霍林郭勒市| 奎屯市| 浮梁县| 平湖市| 榕江县| 郧西县| 宁阳县| 西平县| 社旗县| 新沂市| 平陆县| 麦盖提县| 泸水县| 鹤庆县| 厦门市| 鄯善县| 藁城市| 玛曲县| 健康| 天长市| 沙河市|