最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery+AJAX實(shí)現(xiàn)無刷新下拉加載更多

 更新時(shí)間:2015年07月03日 10:36:15   投稿:hebedich  
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)無刷新下拉加載更多的相關(guān)資料,需要的朋友可以參考下

隨著互聯(lián)網(wǎng)時(shí)代的發(fā)展,web前端已經(jīng)和后臺數(shù)據(jù)掛鉤,作為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>優(yōu)惠:' + t.amount + '</p>');
            }
            arrText.push('<p><span class="hx-user">用戶:s賬戶颯颯是是是啊啊12' + t.user_name +'</span>' + '<span>核銷時(shí)間:' + 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>優(yōu)惠:' + t.amount + '</p>');
                      };
                      arrText.push('<p><span class="hx-user">用戶:賬戶颯111111111' + t.user_name +'</span>' + '<span>核銷時(shí)間:' + t.use_time + '</span></p>');
                      arrText.push('</a></div>');
                    }
                    discount.append(arrText.join(''));
                    $(".load").remove();
                  } else {
                    $(".load").remove();
                    discount.append('<div class="no-data">沒有更多數(shù)據(jù)。</div>');
                    $(window).unbind('scroll');
                  };
                  ajax_getting = false;
                }
              });  
            };
            $(".load").remove();
          }, 200);
        });
        if (data.error_code == 156006) {
          $('.coupon').html('<div class="error"><h2>出錯(cuò)啦!</h2><p>原因:未登錄</p></div>')
        };
        if (data.error_code == 156003) {
          $('.coupon').html('<div class="error"><h2>出錯(cuò)啦!</h2><p>原因:權(quán)限不足~請補(bǔ)充</p></div>')
        };
        if (data.error_code == 156007) {
          $('.coupon').html('<div class="error"><h2>出錯(cuò)啦!</h2><p>原因:服務(wù)異常</p></div>')
        };
        if (data.error_code == 511) {
          $('.coupon').html('<div class="error"><h2>出錯(cuò)啦!</h2><p>原因:賬號未開通直達(dá)號</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');
  })
})

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

相關(guān)文章

  • jQuery實(shí)現(xiàn)切換頁面布局使用介紹

    jQuery實(shí)現(xiàn)切換頁面布局使用介紹

    在很多網(wǎng)站尤其在一些購物網(wǎng)站上,展示商品的列表頁提供了許多商品,用戶可以選擇商品的展示方式如列表方式展示和櫥窗方式展示等。在本例中,將給您講述如何實(shí)現(xiàn)這種效果
    2011-10-10
  • 7個(gè)jQuery最佳實(shí)踐

    7個(gè)jQuery最佳實(shí)踐

    這篇文章主要為大家分享了7個(gè)jQuery最佳實(shí)踐,在使用JavaScript庫的時(shí)候,有哪些最佳實(shí)踐,又有哪些不好的實(shí)踐呢?感興趣的小伙伴們可以參考一下
    2016-01-01
  • jQuery之簡單的表單驗(yàn)證實(shí)例

    jQuery之簡單的表單驗(yàn)證實(shí)例

    下面小編就為大家?guī)硪黄猨Query之簡單的表單驗(yàn)證實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-07
  • jQuery中的siblings()是什么意思(推薦)

    jQuery中的siblings()是什么意思(推薦)

    siblings()方法返回被選元素的所有同級元素。同級元素是共享相同父元素的元素。但是很多朋友不清楚jQuery中的siblings()是什么意思,今天小編給大家介紹下
    2016-12-12
  • jquery Easyui Datagrid實(shí)現(xiàn)批量操作(編輯,刪除,添加)

    jquery Easyui Datagrid實(shí)現(xiàn)批量操作(編輯,刪除,添加)

    本篇文章主要介紹了jquery Easyui Datagrid實(shí)現(xiàn)批量操作(編輯,刪除,添加),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-02-02
  • jquery 鼠標(biāo)滑動(dòng)顯示詳情應(yīng)用示例

    jquery 鼠標(biāo)滑動(dòng)顯示詳情應(yīng)用示例

    本文示例要為大家實(shí)現(xiàn)的效果是鼠標(biāo)滑動(dòng),顯示詳情,代碼很簡潔,很適合學(xué)習(xí)
    2014-01-01
  • jquery實(shí)現(xiàn)可自動(dòng)判斷位置的彈出層效果代碼

    jquery實(shí)現(xiàn)可自動(dòng)判斷位置的彈出層效果代碼

    這篇文章主要介紹了jquery實(shí)現(xiàn)可自動(dòng)判斷位置的彈出層效果代碼,可實(shí)現(xiàn)根據(jù)鼠標(biāo)位置進(jìn)行合理的判斷并顯示彈出層的功能,涉及jQuery鼠標(biāo)事件及頁面元素位置屬性的相關(guān)判定技巧,需要的朋友可以參考下
    2015-10-10
  • jquery $(this).attr $(this).val方法使用介紹

    jquery $(this).attr $(this).val方法使用介紹

    $(this).attr(key); 獲取節(jié)點(diǎn)屬性名的值,相當(dāng)于getAttribute(key)方法,本文整理了一些相關(guān)的示例,感興趣的朋友可以參考下
    2013-10-10
  • jQuery獲取checkboxlist的value值的方法

    jQuery獲取checkboxlist的value值的方法

    最近著手一個(gè)項(xiàng)目用到了服務(wù)器空間checkboxlist ,使用起來是方便,可以想要從js獲取值就稍微麻煩點(diǎn)了,google后找到了如下方法,感興趣的小伙伴們可以參考一下
    2015-09-09
  • jQuery實(shí)現(xiàn)鼠標(biāo)移到某個(gè)對象時(shí)彈出顯示層功能

    jQuery實(shí)現(xiàn)鼠標(biāo)移到某個(gè)對象時(shí)彈出顯示層功能

    這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)移到某個(gè)對象時(shí)彈出顯示層功能,涉及jQuery基于事件響應(yīng)動(dòng)態(tài)操作頁面元素屬性相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2018-08-08

最新評論

黄石市| 甘孜县| 武穴市| 宝鸡市| 博湖县| 湟中县| 漳州市| 明光市| 临高县| 洞口县| 商城县| 鄄城县| 张家界市| 贵州省| 若尔盖县| 南宁市| 东山县| 根河市| 伊宁县| 张家界市| 都昌县| 商水县| 寿阳县| 都江堰市| 米林县| 东至县| 阿瓦提县| 宜章县| 兴和县| 永川市| 罗山县| 南安市| 西乡县| 嘉荫县| 巴南区| 黑龙江省| 留坝县| 潍坊市| 山阳县| 集安市| 湘潭市|